fix: update the results styles to match

UniversityOfHelsinkiCS · Sep 29, 2023 · 36780cd · 36780cd
1 parent d984283
commit 36780cd
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 6 deletions.
diff --git a/src/client/components/IpAssessment/IpAssessmentResults.tsx b/src/client/components/IpAssessment/IpAssessmentResults.tsx
@@ -99,8 +99,16 @@ const IpAssessmentResults = () => {
         </Box>
       )}
 
-      <Box ref={refCallback} sx={resultStyles.resultSection}>
-        <Typography variant='h6' sx={cardStyles.heading} component='div'>
+      <Box ref={refCallback} style={{ marginLeft: '2rem', marginTop: '4rem' }}>
+        <Typography
+          variant='h6'
+          style={{
+            fontWeight: '200',
+            textAlign: 'left',
+            marginBottom: '1rem',
+          }}
+          component='div'
+        >
           {t('recommendedAction:title')}
         </Typography>
         <CommonResult
@@ -111,7 +119,15 @@ const IpAssessmentResults = () => {
         />
         <RecommendedAction action={recommendedAction} />
 
-        <Typography variant='h6' sx={cardStyles.heading} component='div'>
+        <Typography
+          variant='h6'
+          style={{
+            fontWeight: '200',
+            textAlign: 'left',
+            marginBottom: '1rem',
+          }}
+          component='div'
+        >
           {t('results:subtitle')}
         </Typography>
         <IpAssessmentResultElements

diff --git a/src/client/components/Licences/LicenceResults.tsx b/src/client/components/Licences/LicenceResults.tsx
@@ -99,8 +99,16 @@ const LicenceResults = () => {
         </Box>
       )}
 
-      <Box ref={refCallback} sx={resultStyles.resultSection}>
-        <Typography variant='h6' sx={cardStyles.heading} component='div'>
+      <Box ref={refCallback} style={{ marginLeft: '2rem', marginTop: '4rem' }}>
+        <Typography
+          variant='h6'
+          style={{
+            fontWeight: '200',
+            textAlign: 'left',
+            marginBottom: '1rem',
+          }}
+          component='div'
+        >
           {t('recommendedAction:title')}
         </Typography>
         <CommonResult
@@ -111,7 +119,15 @@ const LicenceResults = () => {
         />
         <RecommendedAction action={recommendedAction} />
 
-        <Typography variant='h6' sx={cardStyles.heading} component='div'>
+        <Typography
+          variant='h6'
+          style={{
+            fontWeight: '200',
+            textAlign: 'left',
+            marginBottom: '1rem',
+          }}
+          component='div'
+        >
           {t('results:subtitle')}
         </Typography>
         <DefaultResultElements