Quick fixes from last PR

frontend/components/Layout/components/HeaderBlock.js

@@ -14,7 +14,7 @@ type Props = {
 function HeaderBlock({ user, team, children }: Props) {
   return (
     <Header justify="space-between" align="center">
-      <Flex align="center" column>
+      <Flex align="flex-start" column>
         <TeamName>{team.name}</TeamName>
         <UserName>{user.name}</UserName>
       </Flex>

frontend/styles/base.scss

@@ -16,6 +16,7 @@
 
 html, body, .viewport {
   width: 100%;
+  min-height: 100vh;
   margin: 0;
 }
 

server/static/dev.html

@@ -20,7 +20,7 @@
 
   #root {
     flex: 1;
-    height: 100%;
+    min-height: 100vh;
   }
 </style>
 </head>
@@ -30,4 +30,4 @@
   <script src="/static/bundle.js"></script>
 </body>
 
-</html>
+</html>

server/static/index.html

@@ -18,7 +18,7 @@
 
     #root {
       flex: 1;
-      height: 100%;
+      min-height: 100vh;
     }
   </style>
 </head>
@@ -28,4 +28,4 @@
 </body>
 <script src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-3.min.js" data-apikey="8165e2069605bc20ccd0792dbbfae7bf"></script>
 
-</html>
+</html>