Fix to much padding on table cell with add icon

eclipsesource · Sep 16, 2019 · c9edb1f · c9edb1f
1 parent 669ce76
commit c9edb1f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/material/src/complex/MaterialTableControl.tsx b/packages/material/src/complex/MaterialTableControl.tsx
@@ -262,7 +262,7 @@ const NonEmptyRow = React.memo(
             <Grid
               container
               direction='row'
-              justify='center'
+              justify='flex-end'
               alignItems='center'
             >
               {showSortButtons ? (

diff --git a/packages/material/src/complex/TableToolbar.tsx b/packages/material/src/complex/TableToolbar.tsx
@@ -49,6 +49,11 @@ export interface MaterialTableToolbarProps {
   addItem(path: string, value: any): () => void;
 }
 
+const fixedCellSmall = {
+  paddingLeft: 0,
+  paddingRight: 0,
+}
+
 const TableToolbar = React.memo(
   ({
     numColumns,
@@ -83,7 +88,7 @@ const TableToolbar = React.memo(
         </Grid>
       </NoBorderTableCell>
       {enabled ? (
-        <NoBorderTableCell>
+        <NoBorderTableCell align='right' style={ fixedCellSmall }>
           <Tooltip
             id='tooltip-add'
             title={`Add to ${label}`}