fixing styles for mobile blog

Signed-off-by: Rakesh PR <rakesh.pr@mayadata.io>
fossabot · Sep 28, 2021 · bb25212 · bb25212
1 parent 4cb3b98
commit bb25212
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/website/src/pages/BlogPage/style.ts b/website/src/pages/BlogPage/style.ts
@@ -160,9 +160,7 @@ const useStyles = makeStyles((theme: Theme) => ({
     },
     '& ul, & ol': {
       '& li': {
-        fontSize: '1rem',
         color: theme.palette.text.secondary,
-        lineHeight: '22px',
         position: 'relative',
       },
       '& li:not(:last-child)': {
@@ -189,6 +187,13 @@ const useStyles = makeStyles((theme: Theme) => ({
         },
       },
     },
+    '& li': {
+      fontSize: '1rem',
+      lineHeight: '22px',
+      '& ul, & ol': {
+        margin: theme.spacing(1, 0),
+      },
+    },
     '& h2': {
       fontSize: '2rem',
       lineHeight: '50px',
@@ -242,7 +247,7 @@ const useStyles = makeStyles((theme: Theme) => ({
         fontSize: '0.875rem',
         lineHeight: '20px',
       },
-      '& ul li': {
+      '& li': {
         fontSize: '0.875rem',
         lineHeight: '20px',
       },