From bb2521241921e91cfa05f25c9d313fb7ea0d9ee2 Mon Sep 17 00:00:00 2001
From: Rakesh PR <rakesh.pr@mayadata.io>
Date: Tue, 28 Sep 2021 20:55:31 +0530
Subject: [PATCH] fixing styles for mobile blog

Signed-off-by: Rakesh PR <rakesh.pr@mayadata.io>
---
 website/src/pages/BlogPage/style.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/website/src/pages/BlogPage/style.ts b/website/src/pages/BlogPage/style.ts
index 910e81364..70d6d9a91 100644
--- 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',
       },