From 36780cdf35cec246b19441fcb054e7dfd0d80fae Mon Sep 17 00:00:00 2001
From: Henri Remonen <henri@remonen.fi>
Date: Fri, 29 Sep 2023 13:13:11 +0300
Subject: [PATCH] fix: update the results styles to match

---
 .../IpAssessment/IpAssessmentResults.tsx      | 22 ++++++++++++++++---
 .../components/Licences/LicenceResults.tsx    | 22 ++++++++++++++++---
 2 files changed, 38 insertions(+), 6 deletions(-)

diff --git a/src/client/components/IpAssessment/IpAssessmentResults.tsx b/src/client/components/IpAssessment/IpAssessmentResults.tsx
index 7a7aad1b..6796d33e 100644
--- 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
index 1951019b..5a0e2eb8 100644
--- 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