Merge pull request #33 from carbonplan/center-table-items

Table row alignment improvements
carbonplan · Jan 4, 2024 · b2a87f8 · b2a87f8 · vercel · Jan 4, 2024
2 parents f38d7c6 + d2ffd90
commit b2a87f8
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/components/project-row.js b/components/project-row.js
@@ -82,7 +82,11 @@ const ProjectRow = ({ project }) => {
             key: 'project_id',
             width: [2, 1, 1, 1],
           },
-          { key: 'name', label: name ?? '?', width: [4, 3, 3, 3] },
+          {
+            key: 'name',
+            label: <Box sx={{ mt: 1 }}>{name ?? '?'}</Box>,
+            width: [4, 3, 3, 3],
+          },
           {
             key: 'issued',
             label: (
@@ -123,7 +127,8 @@ const ProjectRow = ({ project }) => {
                 >
                   <RotatingArrow
                     sx={{
-                      mt: '4px',
+                      mt: [1, 1, 1, 0],
+                      mb: [0, 0, 0, '1px'],
                       width: 14,
                       height: 14,
                       color: expanded ? color : null,