fix(customTable): misalignment via classname add (#1578)

hotosm · Jun 16, 2024 · 1b15e44 · 1b15e44
1 parent 12a7567
commit 1b15e44
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/frontend/package.json b/src/frontend/package.json
@@ -100,5 +100,6 @@
     "redux-persist": "^6.0.0",
     "tailwind-merge": "2.3.0",
     "uuid": "^9.0.1"
-  }
+  },
+  "packageManager": "pnpm@9.3.0+sha512.ee7b93e0c2bd11409c6424f92b866f31d3ea1bef5fbe47d3c7500cdc3c9668833d2e55681ad66df5b640c61fa9dc25d546efa54d76d7f8bf54b13614ac293631"
 }
diff --git a/src/frontend/src/components/common/CustomTable.tsx b/src/frontend/src/components/common/CustomTable.tsx
@@ -167,7 +167,9 @@ export default class Table extends Component<TableProps> {
                 maxWidth: headerWidths[index],
               },
             })}
-          className={`fmtm-px-5 fmtm-pt-4 fmtm-pb-4 fmtm-bg-black-100 fmtm-align-middle fmtm-text-body-sm fmtm-leading-5 fmtm-text-left fmtm-capitalize fmtm-font-bold fmtm-border-[1px] fmtm-text-sm fmtm-max-w-[11rem] ${
+          className={`${
+            headClassName[index]
+          } fmtm-px-5 fmtm-pt-4 fmtm-pb-4 fmtm-bg-black-100 fmtm-align-middle fmtm-text-body-sm fmtm-leading-5 fmtm-text-left fmtm-capitalize fmtm-font-bold fmtm-border-[1px] fmtm-text-sm fmtm-max-w-[11rem] ${
             flag?.toLowerCase() === 'primarytable'
               ? 'fmtm-bg-primaryRed fmtm-text-white fmtm-border-white'
               : 'fmtm-bg-[#F0F0F0] fmtm-border-[#B9B9B9]'