From 5a541c4ca4c5fe4366ce9292aa9da21da677162a Mon Sep 17 00:00:00 2001
From: Henri Remonen <henri@remonen.fi>
Date: Fri, 3 Mar 2023 14:37:32 +0200
Subject: [PATCH] Increase max width, center whole app

---
 src/client/App.tsx                                        | 8 +++++++-
 src/client/components/InteractiveForm/InteractiveForm.tsx | 2 +-
 src/client/components/ResultPage/styles.ts                | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/client/App.tsx b/src/client/App.tsx
index 4f3cf633..efdd6755 100644
--- 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
index b264aa55..916fec49 100644
--- 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
index 1b7ff416..f0327d21 100644
--- 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',
   },