Merge pull request #54 from CodeForAfrica/hotfix/promise-page-css

[Hotfix] Fix promise page
CodeForAfrica · Mar 24, 2020 · fedacca · fedacca · vercel · Mar 24, 2020
2 parents b8231d8 + 7146b59
commit fedacca
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/Promise/Card.js b/src/components/Promise/Card.js
@@ -43,6 +43,9 @@ const useStyles = makeStyles(theme => ({
     '&:hover': {
       textDecoration: 'none'
     }
+  },
+  topicTerm: {
+    marginTop: '3rem'
   }
 }));
 
@@ -72,7 +75,7 @@ function PromiseCard({
               {description || ''}
             </Typography>
           </Grid>
-          <Grid item>
+          <Grid item className={classes.topicTerm}>
             <Typography variant="body2" className={classes.content}>
               {term} | {topic}
             </Typography>

diff --git a/src/components/Promise/Header.js b/src/components/Promise/Header.js
@@ -71,7 +71,7 @@ function PromiseHeader({ status, title, term, topic }) {
             >
               <Twitter
                 className="Mui-desaturated"
-                style={{ color: theme.palette.primary.main }}
+                style={{ fill: theme.palette.primary.main }}
               />
             </TwitterShareButton>
           </Grid>