better console CSS

app/views/editors/KeyframeView.html

@@ -82,17 +82,28 @@
     .kf-editor .kfArena bz-slidepane{
         font-size:14px;
     }
+    .kf-editor .kfArena bz-slidepane div.inner-console{
+        overflow: hidden;
+        height: 100%;
+        display: grid;
+        grid-template-rows: auto minmax(3em, 30%);
+    }
+    .kf-editor .kfArena bz-slidepane div.commandline{
+        grid-template-columns: auto 3em;
+        width: 98%;
+    }
     .kf-editor .kfArena bz-slidepane textarea{
-        border-radius: 0;
         background: #000A;
-        margin: 0;
         padding: 0 1em 0 1em;
-        position: absolute;
+        width: 96%;
-        bottom: 0;
-        left: 0;
-        width: 100%;
         border-top: 1px solid white;
         color: #0F0;
+        resize: none;
+    }
+    .kf-editor button[data-trigger="execCommand"]{
+        background-color:#6B5;
+        border-radius: 10px;
+        max-height: 3em;
     }
 </style>
 <div class="kf-editor cols-3">

app/views/editors/KeyframeView.js

@@ -64,10 +64,15 @@ class KeyframeView extends WindozDomContent {
         this.outputs.kfName.addEventListener('keyup', this.updateKfButtons.bind(this))
         this.currentlySelectedAid = null
         this.output('console',`
-            <div class="results">
+            <div class="inner-console">
-                JS 3D Console. for help, type "help"
+                <div class="results">
+                    JS 3D Console. for help, type "help"
+                </div>
+                <div class="cols-2 commandline">
+                    <textarea type="text" style=""></textarea>   
+                    <button class="icon-play" data-trigger="execCommand"></button>
+                </div>      
             </div>
-            <textarea type="text" style=""></textarea>            
         `)
     }