Further simplification of the layout code

webadmin/src/theme.scss

@@ -106,12 +106,25 @@ $table-border-color:                        transparent !default;
 // Main classes
 // ----------------------------
 
-html {
+html, body {
     height: 100%;
     width: 100%;
     padding: 0;
 }
 
+.layout-root {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    max-height: 100%;
+    width: 100%;
+}
+
+.layout-content {
+    flex-grow: 2;
+    overflow: auto;
+}
+
 .shadow {
     box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.1);
 }
@@ -668,7 +681,7 @@ h1, h2, h3 {
 
 footer {
     flex-grow: 1;
-    background-color: #EFEFEF;
+    background-color: #f8f8f8;
     width: 100%;
     color: #555;
     max-height: 30px;
@@ -837,49 +850,8 @@ footer {
 // Graphs classes
 // ----------------------------
 
-$graphs-primary:        #2196F3;
-$graphs-warning:        #f0ad4e;
-$graphs-success:        #27CE65;
-
-$graphs-primary-alt:    lighten(#2196F3, 20%);
-$graphs-warning-alt:    lighten(#f0ad4e, 20%);
-$graphs-success-alt:    lighten(#27CE65, 20%);
-
 .graphs {
     text-align: center;
-
-    .text-primary {
-        font-weight: bold;
-        color: $graphs-primary;
-    }
-
-    .text-warning {
-        font-weight: bold;
-        color: $graphs-warning;
-    }
-
-    .text-success {
-        font-weight: bold;
-        color: $graphs-success;
-    }
-
-    .memory-chart-label {
-        font-weight: bold;
-    }
-
-    .memory-app-container {
-        background-color: white;
-        padding: 20px;
-
-        h2 {
-            padding: 0;
-            margin: 0;
-        }
-    }
-
-    .active {
-        font-weight: bold;
-    }
 }
 
 
@@ -1134,44 +1106,34 @@ $graphs-success-alt:    lighten(#27CE65, 20%);
 // Logs
 // ----------------------------
 
-.log-line-container {
+.logs-main {
+    text-align: left;
     width: 100%;
-    max-width: 100%;
-    height: 500px;
-    background-color: black;
-    color: white;
-    overflow: auto;
-    border: none;
-    padding: 5px;
-    font-family: monospace;
-}
-
-.log-line {
-    line-height: 1.2;
-
-    &:hover {
-        background-color: #333333;
-    }
-
-    .time {
-        color: #00FFFF;
-    }
-}
-
-body {
     height: 100%;
-    width: 100%;
-}
-
-.layout-root {
     display: flex;
     flex-direction: column;
-    height: 100%;
-    max-height: 100%;
-    width: 100%;
-}
 
-.layout-content {
-    flex-grow: 2;
-    overflow: auto;
+    .log-line-container {
+        flex-grow: 1;
+        background-color: black;
+        color: white;
+        overflow: auto;
+        border-style: solid;
+        border-width: 0 15px;
+        border-color: $body-bg;
+        padding: 5px;
+        font-family: monospace;
+    }
+
+    .log-line {
+        line-height: 1.2;
+
+        &:hover {
+            background-color: #333333;
+        }
+
+        .time {
+            color: #00FFFF;
+        }
+    }
 }