aligned posts content for xs screens [Post.tsx]

Seneca-CDOT · Apr 16, 2021 · 53701e0 · 53701e0
1 parent 9f611b5
commit 53701e0
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/web/src/components/Posts/Post.tsx b/src/web/src/components/Posts/Post.tsx
@@ -163,14 +163,19 @@ const useStyles = makeStyles((theme: Theme) =>
       overflow: 'auto',
       padding: '1em',
       color: theme.palette.text.primary,
-      backgroundColor: theme.palette.background.default,
+      // backgroundColor: theme.palette.background.default,
+      backgroundColor: 'lightblue',
       width: '95%',
       '& a': {
         color: theme.palette.action.active,
       },
       '& a:visited': {
         color: theme.palette.action.selected,
       },
+      [theme.breakpoints.down(600)]: {
+        padding: '.5em',
+        width: 'auto',
+      },
     },
   })
 );