table: Pad and color cells

Cells containing SVGs keep their original padding. Signed-off-by: Zack Cerza <[email protected]>
ceph · Jan 25, 2024 · dfce1e1 · dfce1e1
1 parent 0331e5f
commit dfce1e1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/JobList/index.tsx b/src/components/JobList/index.tsx
@@ -193,6 +193,7 @@ function JobDetailPanel(props: JobDetailPanelProps): ReactNode {
         borderLeft: 1,
         borderColor: (theme) => theme.palette.grey[800],
         padding: 1,
+        color: (theme) => theme.palette.text.primary,
       }}
     >
       <Typography

diff --git a/src/lib/table.ts b/src/lib/table.ts
@@ -33,9 +33,13 @@ export default function useDefaultTableOptions<TData extends MRT_RowData>(): Par
     muiTableBodyProps: {
       sx: {
         'tr td': {
-          paddingBottom: 0,
+          paddingBottom: '5px',
           paddingRight: 0,
-          paddingTop: 0,
+          paddingTop: '5px',
+          color: "black",
+        },
+        'tr td:has(svg)': {
+          padding: 0,
         },
         'tr td .MuiButtonBase-root': {color: "inherit"},
         'tr.error td': {