removed table header margins to match table body (#66)

apollographql · Aug 12, 2019 · 39ce1a1 · 39ce1a1
1 parent 2d315e7
commit 39ce1a1
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/Table/Table.tsx b/src/Table/Table.tsx
@@ -83,7 +83,7 @@ export function Table<RowShape>({
             borderBottom: `1px solid ${colors.silver.dark}`,
           }}
         >
-          {columns.map(({ headerTitle, id }) => (
+          {columns.map(({ headerTitle, id }, colIndex) => (
             <th
               key={id}
               css={{
@@ -93,6 +93,8 @@ export function Table<RowShape>({
                 fontWeight: 600,
                 textAlign: "left",
                 padding,
+                paddingLeft: colIndex === 0 ? 0 : padding,
+                paddingRight: colIndex === columns.length - 1 ? 0 : padding,
               }}
             >
               {headerTitle}