From f73789bc4c10ec5f3136d1952e7cc0ff4b4136a3 Mon Sep 17 00:00:00 2001
From: mmcwilliams <hi@mmcwilliams.com>
Date: Wed, 14 Mar 2018 21:08:20 -0400
Subject: [PATCH] Added console and sequence designs.

---
 app/css/app.css       | 59 +++++++++++++++++++++++++++----------------
 app/less/mscript.less | 21 +++++++++++++++
 app/less/seq.less     | 20 ---------------
 3 files changed, 58 insertions(+), 42 deletions(-)

diff --git a/app/css/app.css b/app/css/app.css
index 8d4edba..a43877c 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -524,25 +524,6 @@ button:focus {
   text-align: center;
   color: #DAE035;
 }
-#console {
-  background: #000;
-  border-top: 2px solid rgba(255, 255, 255, 0.3);
-}
-#console textarea {
-  font-family: 'Menlo', monospace;
-  font-size: 12px;
-  line-height: 17px;
-  outline: none !important;
-  border: none;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 20px;
-  width: 100%;
-  height: 160px;
-  display: block;
-  background: black;
-  color: #fff;
-}
 #buttons > div {
   width: 50%;
   float: left;
@@ -566,10 +547,10 @@ button:focus {
   margin-right: 5px;
 }
 .cmd.fwd i {
-  color: #00C4A0;
+  color: #fff;
 }
 .cmd.bwd i {
-  color: #AB1A25;
+  color: #fff;
 }
 .cmd:active.fwd,
 .cmd.active.fwd {
@@ -674,6 +655,25 @@ button:focus {
   font-size: 12px;
   padding: 6px 14px 4px;
 }
+#console {
+  background: #000;
+  border-top: 2px solid rgba(255, 255, 255, 0.3);
+}
+#console textarea {
+  font-family: 'Menlo', monospace;
+  font-size: 12px;
+  line-height: 17px;
+  outline: none !important;
+  border: none;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 20px;
+  width: 100%;
+  height: 122px;
+  display: block;
+  background: black;
+  color: #fff;
+}
 #log {
   position: fixed;
   width: 100%;
@@ -738,7 +738,7 @@ button:focus {
 #counters_2 .proj,
 #move_to .proj {
   width: 50%;
-  padding-bottom: 25px;
+  padding-bottom: 10px;
 }
 #counters .cam label,
 #counters_2 .cam label,
@@ -786,10 +786,25 @@ button:focus {
 #move_to {
   margin-top: 20px;
 }
+#move_to .cam > div,
+#move_to .proj > div {
+  width: 294px;
+  margin: 0 auto;
+}
 #move_to .cam label,
 #move_to .proj label {
   font-size: 18px;
 }
+#move_to .cam input,
+#move_to .proj input {
+  display: inline-block;
+  width: 206px;
+}
+#move_to .cam button,
+#move_to .proj button {
+  padding: 7px 16px;
+  float: right;
+}
 #overlay {
   position: fixed;
   top: 0;
diff --git a/app/less/mscript.less b/app/less/mscript.less
index 364644d..1eeb9f5 100644
--- a/app/less/mscript.less
+++ b/app/less/mscript.less
@@ -11,4 +11,25 @@
 		font-size: 12px;
     	padding: 6px 14px 4px;
 	}
+}
+
+//mscript console
+#console{
+	background: #000;
+	border-top: 2px solid rgba(255, 255, 255, 0.3);
+	textarea{
+		.monospace();
+		font-size: 12px;
+		line-height: 17px;
+		outline: none !important;
+		border: none;
+		box-sizing: border-box;
+		margin: 0;
+		padding: 20px;
+		width: 100%;
+		height: 122px;
+		display: block;
+		background: black;
+		color: @COMMON;
+	}
 }
\ No newline at end of file
diff --git a/app/less/seq.less b/app/less/seq.less
index f30e847..5ebd494 100644
--- a/app/less/seq.less
+++ b/app/less/seq.less
@@ -184,24 +184,4 @@
     width: 121px;
     text-align: center;
     color: @SELECTED;
-}
-
-#console{
-	background: #000;
-	border-top: 2px solid rgba(255, 255, 255, 0.3);
-	textarea{
-		.monospace();
-		font-size: 12px;
-		line-height: 17px;
-		outline: none !important;
-		border: none;
-		box-sizing: border-box;
-		margin: 0;
-		padding: 20px;
-		width: 100%;
-		height: @FOOTER_H;
-		display: block;
-		background: black;
-		color: @COMMON;
-	}
 }
\ No newline at end of file