Improve Targets comparison table display

ClimateWatch-Vizzuality · Dec 11, 2024 · b25a35e · b25a35e
1 parent ceb2cae
commit b25a35e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/...are-all-targets/ndc-compare-all-targets-table/ndc-compare-all-targets-table-component.jsx b/...are-all-targets/ndc-compare-all-targets-table/ndc-compare-all-targets-table-component.jsx
@@ -51,7 +51,7 @@ const cellRenderer = (
   }
 
   if (dataKey === 'Share of global GHG emissions') {
-    return cellData;
+    return <span className={styles.ghgEmissionsColumn}>{cellData}</span>;
   }
 
   switch (cellData) {
@@ -135,10 +135,10 @@ const CompareAllTable = ({
         <Table
           data={tableData}
           tableHeight={550}
-          tableWidthOffset={-100}
+          tableWidthOffset={-82}
           parseHtml
           titleLinks={titleLinks}
-          setColumnWidth={() => 115}
+          setColumnWidth={() => 144}
           setRowsHeight={() => 50}
           defaultColumns={columns}
           theme={compareTableTheme}

diff --git a/...mpare-all-targets/ndc-compare-all-targets-table/ndc-compare-all-targets-table-styles.scss b/...mpare-all-targets/ndc-compare-all-targets-table/ndc-compare-all-targets-table-styles.scss
@@ -31,3 +31,13 @@
   height: 30px;
   width: 30px;
 }
+
+.ghgEmissionsColumn {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-left: 6px;
+  padding-right: 48px;
+}