Fix table alignment

BrunoQuaresma · BrunoQuaresma · commit dc1543c39e92 · 2022-09-01T15:00:45.000Z
diff --git a/site/src/components/AuditLogRow/AuditLogRow.stories.tsx b/site/src/components/AuditLogRow/AuditLogRow.stories.tsx
@@ -18,7 +18,7 @@ const Template: Story<AuditLogRowProps> = (args) => (
     <Table>
       <TableHead>
         <TableRow>
-          <TableCell>Logs</TableCell>
+          <TableCell style={{ paddingLeft: 32 }}>Logs</TableCell>
         </TableRow>
       </TableHead>
       <TableBody>
diff --git a/site/src/pages/AuditPage/AuditPageView.tsx b/site/src/pages/AuditPage/AuditPageView.tsx
@@ -62,7 +62,7 @@ export const AuditPageView: FC<AuditPageViewProps> = ({
         <Table>
           <TableHead>
             <TableRow>
-              <TableCell>Logs</TableCell>
+              <TableCell style={{ paddingLeft: 32 }}>Logs</TableCell>
             </TableRow>
           </TableHead>
           <TableBody>
diff --git a/site/src/theme/overrides.ts b/site/src/theme/overrides.ts
@@ -126,10 +126,10 @@ export const getOverrides = ({ palette, breakpoints }: Theme): Overrides => {
         padding: "12px 8px",
         // This targets the first+last td elements, and also the first+last elements
         // of a TableCellLink.
-        "&:first-child, &:first-child > a": {
+        "&:not(:only-child):first-child, &:not(:only-child):first-child > a": {
           paddingLeft: 32,
         },
-        "&:last-child, &:last-child > a": {
+        "&:not(:only-child):last-child, &:not(:only-child):last-child > a": {
           paddingRight: 32,
         },
       },
