fix spacing/scroll issue on overview page

ShMcK · ShMcK · commit f82c2b893e48 · 2020-01-13T20:20:56.000-08:00
diff --git a/web-app/src/containers/Overview/OverviewPage.tsx b/web-app/src/containers/Overview/OverviewPage.tsx
@@ -3,12 +3,15 @@ import * as G from 'typings/graphql'
 import Button from '../../components/Button'
 import Markdown from '../../components/Markdown'
 
+const footerHeight = 50
+
 const styles = {
   page: {
     position: 'relative' as 'relative',
     display: 'flex' as 'flex',
     flexDirection: 'column' as 'column',
     width: '100%',
+    paddingBottom: footerHeight,
   },
   summary: {
     padding: '0rem 1rem 1rem 1rem',
@@ -38,7 +41,7 @@ const styles = {
     flexDirection: 'row' as 'row',
     alignItems: 'center' as 'center',
     justifyContent: 'flex-end' as 'flex-end',
-    height: '50px',
+    height: footerHeight,
     padding: '1rem',
     paddingRight: '2rem',
     backgroundColor: 'black',
