From d35d1bcb0253868724c5559a1efd9d6432501b66 Mon Sep 17 00:00:00 2001
From: Silpa Priyadarshini
 <98985007+priyadarshini-silpa@users.noreply.github.com>
Date: Sat, 14 Jan 2023 01:12:47 +0530
Subject: [PATCH] fix: alignment of table of content (#385)

* fix: alignment of table of content

* fix: alignment on mobile/tablet screens
---
 client/src/components/article/TableOfContent.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/components/article/TableOfContent.js b/client/src/components/article/TableOfContent.js
index 158e6cf8..f2d72f13 100644
--- a/client/src/components/article/TableOfContent.js
+++ b/client/src/components/article/TableOfContent.js
@@ -68,10 +68,15 @@ const useStyles = makeStyles((theme) => ({
     position: 'sticky',
     position: '-webkit-sticky',
     top: 20,
-    marginTop: '1rem',
+    marginTop: '32.5rem',
     paddingLeft: '4rem',
-    [theme.breakpoints.down('lg')]: {
-      marginTop: '2rem',
+    [theme.breakpoints.between('md', 'lg')]: {
+      marginTop: '31rem',
+      paddingLeft: '1rem',
+      paddingRight: '2rem',
+    },
+    [theme.breakpoints.down('md')]: {
+      marginTop: '1rem',
       paddingLeft: '1rem',
       paddingRight: '2rem',
     },