From 9aa5321c8506cbdfffa3a493712b396c24bc5237 Mon Sep 17 00:00:00 2001
From: wrigh393 <wrigh393@purdue.edu>
Date: Fri, 18 Dec 2020 12:22:07 -0500
Subject: [PATCH] Fixed column border gap

---
 src/components/ItemTable/ItemTable.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
index 5cfce90..4160b41 100644
--- 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")}