fix: alignment of table of content (#385)

* fix: alignment of table of content * fix: alignment on mobile/tablet screens
Monday-Morning · Jan 13, 2023 · d35d1bc · d35d1bc
1 parent 2d5001f
commit d35d1bc
Showing 1 changed file with 8 additions and 3 deletions.
diff --git 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',
     },