Increase max width, center whole app

UniversityOfHelsinkiCS · Mar 3, 2023 · 5a541c4 · 5a541c4
1 parent acb43fc
commit 5a541c4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/client/App.tsx b/src/client/App.tsx
@@ -20,7 +20,13 @@ const App = () => {
         }}
       >
         <NavBar />
-        <Box flexGrow={1}>
+        <Box
+          flexGrow={1}
+          display="flex"
+          justifyContent="center"
+          alignItems="center"
+          minHeight="100vh"
+        >
           <Router />
         </Box>
         <Footer />

diff --git a/src/client/components/InteractiveForm/InteractiveForm.tsx b/src/client/components/InteractiveForm/InteractiveForm.tsx
@@ -33,7 +33,7 @@ const InteractiveForm = () => {
   if (isLoading) return null
 
   return (
-    <Box my="2rem">
+    <Box my="2rem" maxWidth={1280}>
       <Grid container>
         <Grid item sm={12} md={7} xl={6}>
           <form onSubmit={handleSubmit(onSubmit)}>

diff --git a/src/client/components/ResultPage/styles.ts b/src/client/components/ResultPage/styles.ts
@@ -11,7 +11,7 @@ const cardStyles = {
   },
   outerBox: {
     m: 2,
-    maxWidth: 1080,
+    maxWidth: 1280,
     border: 1,
     borderColor: 'grey.300',
   },