Update padding of Container and footer and ActivityList container

CirclesUBI · Sep 4, 2023 · bf603a8 · bf603a8
1 parent d2a9284
commit bf603a8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/components/ActivityStream.js b/src/components/ActivityStream.js
@@ -93,7 +93,7 @@ const ActivityStreamList = ({
   }
 
   return (
-    <Grid container spacing={2}>
+    <Grid container spacing={2} style={{ paddingBottom: '32px' }}>
       {activities.reduce(
         (
           acc,

diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -4,7 +4,7 @@ import React from 'react';
 
 const Footer = (props) => {
   return (
-    <Box component="footer" mt="auto" p={2}>
+    <Box component="footer" mt="auto" p={'32px'}>
       {props.children}
     </Box>
   );

diff --git a/src/styles/theme.js b/src/styles/theme.js
@@ -347,6 +347,14 @@ export default createTheme({
     },
   },
   components: {
+    MuiContainer: {
+      styleOverrides: {
+        root: {
+          paddingLeft: '32px',
+          paddingRight: '32px',
+        },
+      },
+    },
     MuiCssBaseline: {
       styleOverrides: `
         @font-face {