Integrate the terminal with the logs ui

webadmin/src/theme.scss

@@ -125,6 +125,11 @@ html, body {
     overflow: auto;
 }
 
+#ng-view {
+    display: flex;
+    flex-direction: column;
+}
+
 .shadow {
     box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.1);
 }
@@ -137,8 +142,14 @@ html, body {
 }
 
 .content {
-    max-width: 970px;
+    width: 720px;
+    max-width: 720px;
     margin: 0 auto;
+
+    &.content-large {
+        width: 970px;
+        max-width: 970px;
+    }
 }
 
 .navbar {
@@ -454,11 +465,6 @@ h1, h2, h3 {
     margin-bottom: 0;
 }
 
-.section-header {
-    max-width: 720px;
-    margin: 0 auto;
-}
-
 .card {
     background-color: white;
     max-width: 720px;
@@ -1086,21 +1092,12 @@ footer {
 .logs-main {
     text-align: left;
     width: 100%;
-    height: 100%;
+    flex-grow: 1;
     display: flex;
     flex-direction: column;
 
-    .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;
-        margin-bottom: 20px;
+    .logs-controls {
+        margin-top: 25px;
     }
 
     .log-line {
@@ -1114,4 +1111,37 @@ footer {
             color: #00FFFF;
         }
     }
+
+    .logs-and-term-container {
+        flex-grow: 1;
+        margin-left: calc(8.33% + 15px);
+        margin-right: calc(8.33% + 15px);
+        margin-bottom: 20px;
+        background-color: black;
+        color: white;
+        overflow: auto;
+        padding: 5px;
+        font-family: monospace;
+    }
+
+    .ng-isolate-scope {
+        display: inline-block;
+        float: left;
+    }
+
+    select {
+        display: inline-block;
+        width: 250px;
+        margin-left: 20px;
+    }
+
+    .uib-tab.active {
+        a {
+            background-color: white;
+
+            &:hover, &:focus {
+                background-color: white;
+            }
+        }
+    }
 }