editor theme!

app/assets/dash_v1.css

@@ -61,14 +61,27 @@ pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
 	/*margin-right: 15px;*/
 }
 
+#editor-parent {
+	background: lightgray;
+	position: absolute;
+	width: 100%;
+	left: 0;
+	/*top: 0;*/
+	margin: 0;
+	padding: 0;
+	height: 100%;
+}
+
 #editor { 
     position: relative;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
-    height: 50%;
-    min-height: 500px;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    /*min-height: 500px;*/
     z-index: 0;
 }
 
@@ -97,6 +110,13 @@ body {
 	font-weight: bold;
 }
 
+#title-header-content-sm {
+	padding: 5px;
+	padding-left: 14px;
+	font-size: 12pt;
+	font-weight: bold;
+}
+
 #pre-header-content {
 	padding: 7px;
 	padding-left: 14px;
@@ -109,6 +129,7 @@ body {
 	top: 0;
 	left: 0;
 	margin: 0;
+	z-index: 100;
 }
 
 #navbar a {
@@ -121,6 +142,12 @@ body {
 	transition: all 0.5s ease;
 }
 
+.ifooter #navbar a {
+	padding: 3px;
+	padding-left: 14px;
+	padding-right: 14px;
+}
+
 #navbar {
 	list-style-type: none;
 	margin: 0;
@@ -148,4 +175,27 @@ body {
 
 .sticky + .content {
 	padding-top: 60px;
+}
+
+.isection {
+  display: flex;
+  flex-flow: column;
+  /*height: 300px;*/
+  height: 100%;
+}
+
+.iheader {
+  background: tomato;
+  /* no flex rules, it will grow */
+}
+
+.idiv {
+  flex: 1;  /* 1 and it will fill whole space left if no flex value are set to other children*/
+  background: gold;
+  overflow: auto;
+}
+
+.ifooter {
+  background: lightgreen;
+  /*min-height: 60px;   min-height has its purpose :) , unless you meant height*/
 }