Make review page font sizes consistent (#1155)

trisacrypto · Feb 5, 2024 · a00b43a · a00b43a
1 parent 28575c8
commit a00b43a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 20 deletions.
diff --git a/web/gds-user-ui/src/components/CertificateReview/BasicDetailsReviewDataTable.tsx b/web/gds-user-ui/src/components/CertificateReview/BasicDetailsReviewDataTable.tsx
@@ -6,7 +6,7 @@ interface BasicReviewProps {
 }
 function BasicDetailsReviewDataTable({ data }: BasicReviewProps) {
   return (
-    <Stack fontSize={18}>
+    <Stack fontSize={'1rem'}>
       <Table
         sx={{
           'td:nth-child(2),td:nth-child(3)': { fontWeight: 'semibold' },
@@ -19,12 +19,7 @@ function BasicDetailsReviewDataTable({ data }: BasicReviewProps) {
             paddingY: 2.5
           }
         }}>
-        <Tbody
-          sx={{
-            '*': {
-              fontSize: '1rem'
-            }
-          }}>
+        <Tbody>
           <Tr>
             <Td pl={'1rem !important'}>
               <Trans id="Organization Name">Organization Name</Trans>

diff --git a/web/gds-user-ui/src/components/CertificateReview/LegalPersonReviewDataTable.tsx b/web/gds-user-ui/src/components/CertificateReview/LegalPersonReviewDataTable.tsx
@@ -13,7 +13,7 @@ interface LegalReviewProps {
 }
 function LegalPersonReviewDataTable({ data }: LegalReviewProps) {
   return (
-    <Stack fontSize={18}>
+    <Stack fontSize={'1rem'}>
       <Sentry.ErrorBoundary
         fallback={
           <Text color={'red'} pt={20}>{t`An error has occurred to load legal person data`}</Text>
@@ -32,14 +32,9 @@ function LegalPersonReviewDataTable({ data }: LegalReviewProps) {
               paddingY: 2.5
             }
           }}>
-          <Tbody
-            sx={{
-              '*': {
-                fontSize: '1rem'
-              }
-            }}>
+          <Tbody>
             <Tr>
-              <Td fontSize={'1rem'} fontWeight="bold" colSpan={3} background="#E5EDF1">
+              <Td fontWeight="bold" colSpan={3} background="#E5EDF1">
                 <Trans id="Name Identifiers">Name Identifiers</Trans>
               </Td>
             </Tr>
@@ -151,7 +146,7 @@ function LegalPersonReviewDataTable({ data }: LegalReviewProps) {
               <Td></Td>
             </Tr>
             <Tr>
-              <Td fontSize={'1rem'} pt={'2rem'} fontWeight="bold" colSpan={3} background="#E5EDF1">
+              <Td pt={'2rem'} fontWeight="bold" colSpan={3} background="#E5EDF1">
                 <Text mb={1}>
                   <Trans id="National Identification">National Identification</Trans>
                 </Text>
@@ -171,7 +166,7 @@ function LegalPersonReviewDataTable({ data }: LegalReviewProps) {
                 <Trans id="Identification Type">Identification Type</Trans>
               </Td>
               <Td pt={0}>
-                <Tag color={'white'} bg={'blue'} size={'lg'}>
+                <Tag color={'white'} bg={'blue'} size={'md'}>
                   {getNationalIdentificationLabel(
                     data?.national_identification?.national_identifier_type
                   )}

diff --git a/web/gds-user-ui/src/components/CertificateReview/TrisaImplementationReviewDataTable.tsx b/web/gds-user-ui/src/components/CertificateReview/TrisaImplementationReviewDataTable.tsx
@@ -15,9 +15,6 @@ function TrisaImplementationReviewDataTable({ mainnet, testnet }: TrisaImplement
         }}>
         <Tbody
           sx={{
-            ' td': {
-              fontSize: '1rem'
-            },
             'td:first-child': {
               width: '50%',
               paddingLeft: '1rem'