From cb355575650419379f99fe4b93df774711554572 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Mon, 7 Sep 2020 15:51:03 +0300
Subject: [PATCH] App: make the main container flex so we can nicely fill
 pages.

---
 src/App.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 2562edc..2f664ac 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -186,11 +186,13 @@ export default function App() {
     },
   });
 
-  const styles = {
+  const styles: {[key: string]: React.CSSProperties} = {
     main: {
       backgroundColor: muiTheme.palette.background.default,
       color: muiTheme.palette.text.primary,
       flexGrow: 1,
+      display: "flex",
+      flexDirection: "column",
     },
   };