Merge pull request #308 from carbonplan/freeman-lab/improved-table

AB1305 visual tweaks

Author: katamartin

articles/ab1305-initial-disclosures/components/database-table.js

@@ -205,6 +205,7 @@ const ProjectRow = ({
         '&:hover': standardLink
           ? {
               'td a': { color: 'primary' },
+              'td a .badge div': { color: 'primary' },
               '#suffix': { transform: 'rotate(45deg)', color: 'primary' },
             }
           : {},
@@ -216,11 +217,25 @@ const ProjectRow = ({
         href={standardLink ? link.url : undefined}
       >
         {project_id && link.url?.includes('offsets-db') ? (
-          <Badge sx={{ color: COLORS[category] ?? COLORS.other }}>
+          <Badge
+            className='badge'
+            sx={{
+              color: COLORS[category] ?? COLORS.other,
+              transition: '0.2s all',
+            }}
+          >
             {project_id}
           </Badge>
         ) : (
-          <>{project_id ?? <Empty />}</>
+          <Box
+            sx={{
+              fontSize: [2, 2, 2, 3],
+              letterSpacing: '0.02em',
+              fontFamily: 'mono',
+            }}
+          >
+            {project_id ?? <Empty />}
+          </Box>
         )}
       </ProjectCell>
       <ProjectCell

articles/ab1305-initial-disclosures/index.md

@@ -51,24 +51,27 @@ In addition to the challenge of discovering and transcribing disclosures, we als
 
 <Figure>
   <Table
-    columns={[6]}
-    start={[[1]]}
+    columns={[10]}
+    start={[[1], [2]]}
+    width={[[1], [9]]}
     index={false}
-    width={[6]}
     data={[
-      ['1.  The name of the business entity selling the offset.'],
-      ['2.  The name of the offset registry or program.'],
-      ['3.  The project identification number.'],
-      ['4.  The project name as listed in the registry or program.'],
+      ['1', 'The name of the business entity selling the offset.'],
+      ['2', 'The name of the offset registry or program.'],
+      ['3', 'The project identification number.'],
+      ['4', 'The project name as listed in the registry or program.'],
       [
-        '5.  The offset project type, including whether the offsets purchased were derived from a carbon removal, an avoided emission, or a combination of both.',
+        '5',
+        'The offset project type, including whether the offsets purchased were derived from a carbon removal, an avoided emission, or a combination of both.',
       ],
-      ['6.  The offset project site location.'],
+      ['6', 'The offset project site location.'],
       [
-        '7.  The specific protocol used to estimate emissions reductions or removal benefits.',
+        '7',
+        'The specific protocol used to estimate emissions reductions or removal benefits.',
       ],
       [
-        '8.  Whether there is independent third-party verification of company data and claims listed.',
+        '8',
+        'Whether there is independent third-party verification of company data and claims listed.',
       ],
     ]}
   />