1 files changed, 8 insertions, 25 deletions
diff --git a/web/src/css/layout.less b/web/src/css/layout.less
index 7c5f79b9..c8fad204 100644
--- a/web/src/css/layout.less
+++ b/web/src/css/layout.less
@@ -4,33 +4,16 @@ html, body, #container {
     overflow: hidden;
 }
 
-header, footer {
-    display: block;
-}
-
-@headerheight: 153px;
-@footerheight: 25px;
-
 #container {
-    //Set padding on container so that #main can take 100% height
-    //If we don't do it, the scrollbars will be too large.
-    padding: @headerheight 0 @footerheight;
-}
+    display: flex;
+    flex-direction: column;
 
-header {
-    height: @headerheight;
-    //Substract #container padding
-    margin-top: -@headerheight;
+    > header, > footer, > .eventlog {
+        flex: 0 0 auto;
+    }
 }
 
 #main {
-    height: 100%;
-    display: block;
-    overflow-y: auto;
-}
-
-footer {
-    //This starts at the beginning of the #container padding, all fine.
-    height: @footerheight;
-    line-height: @footerheight;
-}
+    flex: 1 1 auto;
+    overflow: auto;
+}
+\ No newline at end of file