whitespace (#27)

zack · Jul 9, 2024 · 647cfab · 647cfab
1 parent 3f660d6
commit 647cfab
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/FAQ.tsx b/app/FAQ.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
-import { Typography } from '@mui/material';
 import { exoFontFamily } from './ThemeProvider';
+import { Box, Typography } from '@mui/material';
 
 export default function FAQ() {
   return (
-    <>
+    <Box sx={{ pb: '10vh' }}>
       <Typography
         variant='h5'
         component='h2'
@@ -131,6 +131,6 @@ export default function FAQ() {
       <Typography sx={{ marginTop: 2 }}>
         Oh, and I don&apos;t include docks in New Jersey or Canada.
       </Typography>
-    </>
+    </Box>
   );
 }
diff --git a/app/page.tsx b/app/page.tsx
@@ -52,7 +52,7 @@ export default memo(function Home() {
               CitiBike Dock Data
             </Typography>
 
-            <div style={{ display: 'flex-item' }}>
+            <Box sx={{ display: 'flex-item', mb: 1 }}>
               {faq ? (
                 <StyledButton onClick={() => setFaq(false)}>
                   <CancelIcon /> <Typography> Back </Typography>
@@ -62,7 +62,7 @@ export default memo(function Home() {
                   <HelpIcon /> <Typography> FAQ </Typography>
                 </StyledButton>
               )}
-            </div>
+            </Box>
           </div>
 
           {faq && <FAQ />}