Merge pull request #33 from Eug-VS/contribute

Contribute section support

1 files changed, 14 insertions, 4 deletions

diff --git a/src/components/ContentSection/ContentSection.js b/src/components/ContentSection/ContentSection.js
index d5b9340..99e76aa 100644
--- a/src/components/ContentSection/ContentSection.js
+++ b/src/components/ContentSection/ContentSection.js
@@ -9,8 +9,18 @@ import {
 
 const useStyles = makeStyles(theme => ({
   content: {
-    padding: theme.spacing(2),
-  }
+    padding: theme.spacing(0, 2, 1, 2),
+    marginBottom: theme.spacing(1),
+
+    '& a': {
+      color: theme.palette.secondary.light,
+    },
+    '& .MuiButton-root': {
+      color: theme.palette.background.paper,
+      margin: theme.spacing(1, 2, 2, 0),
+      fontWeight: 'bold',
+    },
+  },
 }));
 
 const ContentSection = ({ sectionName, children }) => {
@@ -20,9 +30,9 @@ const ContentSection = ({ sectionName, children }) => {
     <>
       <Typography variant="h4">{sectionName}</Typography>
       <Divider variant="middle"/>
-      <div className={classes.content}>
+      <Typography component="div" className={classes.content}>
         {children}
-      </div>
+      </Typography>
     </>
   );