5 files changed, 22 insertions, 36 deletions
diff --git a/web/src/css/app.less b/web/src/css/app.less
index ff3c614c..ce9d9149 100644
--- a/web/src/css/app.less
+++ b/web/src/css/app.less
@@ -9,5 +9,6 @@ html {
 
 @import (less) "layout.less";
 @import (less) "header.less";
+@import (less) "eventlog.less";
 @import (less) "footer.less";
 
diff --git a/web/src/css/eventlog.less b/web/src/css/eventlog.less
new file mode 100644
index 00000000..0e97832b
--- /dev/null
+++ b/web/src/css/eventlog.less
@@ -0,0 +1,11 @@
+.eventlog {
+
+	flex: 0 0 auto;
+
+	pre {
+		margin: 0;
+		border-radius: 0;
+		height: 200px;
+		overflow: auto;
+	}
+}
+\ No newline at end of file
diff --git a/web/src/css/footer.less b/web/src/css/footer.less
index 69ab62ce..be7a1d76 100644
--- a/web/src/css/footer.less
+++ b/web/src/css/footer.less
@@ -1,4 +1,4 @@
 footer {
-	padding: 0 10px;
-	//text-align: center;
+	box-shadow: 0 -1px 3px lightgray;
+	padding: 0px 10px 3px;
 }
 \ No newline at end of file
diff --git a/web/src/css/header.less b/web/src/css/header.less
index 4f4af121..69a947c5 100644
--- a/web/src/css/header.less
+++ b/web/src/css/header.less
@@ -42,15 +42,6 @@ header {
                 }
             }
         }
-
-        &:before {
-            content: " ";
-        }
-
-        &:after {
-            clear: both;
-        }
-
     }
 
     .menu {
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