Fixed column border gap

ECN · Dec 18, 2020 · 9aa5321 · 9aa5321
1 parent 6019e2b
commit 9aa5321
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -28,9 +28,9 @@ export default function ItemTable({ data, rowCanBeSelected }) {
         tableMargin: {
             marginTop: theme.spacing(2)
         },
-        tableHeaderMargin: {
-            marginBottom: theme.spacing(1)
-        }
+        tableHeaderPadding: {
+            paddingBottom: theme.spacing(2)
+        },
     });
     const classes = useStyles();
 
@@ -76,8 +76,8 @@ export default function ItemTable({ data, rowCanBeSelected }) {
                     {headerGroups.map(headerGroup => (
                         <TableRow {...headerGroup.getHeaderGroupProps()}>
                             {headerGroup.headers.map(column => (
-                                <Grid container spacing={1}>
-                                    <TableCell {...column.getHeaderProps()} classes={{ root: classes.tableHeaderMargin }}>
+                                <Grid container spacing={0}>
+                                    <TableCell {...column.getHeaderProps()}  classes={{ root: classes.tableHeaderPadding }}>
                                         <Grid container spacing={0}>
                                             <Grid item sm={10} >
                                                 {column.render("Filter")}
@@ -123,7 +123,7 @@ export default function ItemTable({ data, rowCanBeSelected }) {
                                 {...row.getRowProps()} >
                                 {row.cells.map(cell => (
                                     <TableCell
-                                        classes={{ root: classes.columnBorders }}
+                                        classes={{ root: classes.columnBorders,}}
                                         {...cell.getCellProps()}
                                     >
                                         {cell.render("Cell")}