From 45fb644658b0ab992bcb2945c9cde04312404ed3 Mon Sep 17 00:00:00 2001
From: Victor Woeltjen <victor.woeltjen@nasa.gov>
Date: Thu, 8 Oct 2015 11:21:37 -0700
Subject: [PATCH] [CLI] Add some styles

---
 ideas/cli/bundle.json             |  5 ++++
 ideas/cli/res/stylesheets/cli.css | 41 +++++++++++++++++++++++++++++++
 ideas/cli/res/templates/cli.html  | 12 +++++----
 3 files changed, 53 insertions(+), 5 deletions(-)
 create mode 100644 ideas/cli/res/stylesheets/cli.css

diff --git a/ideas/cli/bundle.json b/ideas/cli/bundle.json
index 33df14b3ef..4a79a25ebf 100644
--- a/ideas/cli/bundle.json
+++ b/ideas/cli/bundle.json
@@ -12,6 +12,11 @@
                 "implementation": "CLIController.js",
                 "depends": [ "$scope", "navigationService", "objectService" ]
             }
+        ],
+        "stylesheets": [
+            {
+                "stylesheetUrl": "stylesheets/cli.css"
+            }
         ]
     }
 }
diff --git a/ideas/cli/res/stylesheets/cli.css b/ideas/cli/res/stylesheets/cli.css
new file mode 100644
index 0000000000..d6e0ba7ab1
--- /dev/null
+++ b/ideas/cli/res/stylesheets/cli.css
@@ -0,0 +1,41 @@
+.iw-container {
+    position: absolute;
+    bottom: 30px;
+    left: 0;
+    top: 0;
+    right: 0;
+}
+
+.iw-stdin {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 30px;
+    width: calc(100% - 8px);
+    margin: 4px;
+    font-family: monospace;
+    font-size: 16px;
+}
+
+.iw-stdout {
+    position: absolute;
+    left: 6px;
+    right: 6px;
+    top: 12px;
+    bottom: 44px;
+    border: 1px #211 solid;
+    border-radius: 12px;
+    padding: 8px;
+    background: #302;
+    overflow: auto;
+}
+
+.iw-stdout span {
+    display: block;
+    font-family: monospace;
+    color: #FD9;
+    font-size: 16px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    min-height: 1em;
+}
diff --git a/ideas/cli/res/templates/cli.html b/ideas/cli/res/templates/cli.html
index c84c61c08d..f4fdd5b6e1 100644
--- a/ideas/cli/res/templates/cli.html
+++ b/ideas/cli/res/templates/cli.html
@@ -1,10 +1,12 @@
 <div class="abs holder-all browse-mode" ng-controller="CLIController">
-    <div class="iw-stdout">
-        <span ng-repeat="line in stdout track by $index">{{line}}</span>
+    <div class="iw-container">
+        <div class="iw-stdout">
+            <span ng-repeat="line in stdout track by $index">{{line}}</span>
+        </div>
+        <form ng-submit="enter(stdin)">
+            <input type="text" class="iw-stdin" ng-model="stdin" cli-grabfocus>
+        </form>
     </div>
-    <form ng-submit="enter(stdin)">
-        <input type="text" class="iw-stdin" ng-model="stdin" cli-grabfocus>
-    </form>
     <mct-include key="'bottombar'"></mct-include>
 </div>