From 7636e6b913d590f7cfe82ff7a564840b7360c7ff Mon Sep 17 00:00:00 2001
From: mmcwilliams <hi@mmcwilliams.com>
Date: Thu, 1 Feb 2018 14:54:12 -0500
Subject: [PATCH] Reposition icons within the command buttons

---
 app/index.html | 51 +++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 42 insertions(+), 9 deletions(-)

diff --git a/app/index.html b/app/index.html
index 45e1df1..c7c48c8 100644
--- a/app/index.html
+++ b/app/index.html
@@ -66,6 +66,11 @@
       </div>
       <div id="script" class="screen">
         <textarea id="editor"></textarea>
+        <div id="mscript_cmd">
+          <button id="mscript_compile" onclick="">Compile</button>
+          <button id="mscript_run" onclick="">Run</button>
+          <button id="mscript_seq" onclick="">To Sequencer</button>
+        </div>
         <footer id="console">
           <textarea>> </textarea>
         </footer>
@@ -81,42 +86,64 @@
             <input type="number" id="seq_proj_count_2" class="count" value="00000" onchange="gui.counterFormat(this, mcopy.state.projector.pos);" onblur="gui.updateProj(this);" />
           </div>
         </div>
-        <div id="buttons">
+        <div id="buttons" class="clearfix">
           <div>
             <div>
               <button id="cmd_cam_forward" onclick="cmd.cam_forward(light.color);" class="cmd fwd">
                 <i class="fa fa-video-camera"></i> 
-                <i class="fa fa-step-forward"></i> CAM FORWARD</button>
+                CAMERA +1
+                <i class="fa fa-step-forward"></i>
+              </button>
             </div>
             <div>
               <button id="cmd_cam_backward" onclick="cmd.cam_backward(light.color);" class="cmd bwd">
                 <i class="fa fa-video-camera"></i> 
-                <i class="fa fa-step-backward"></i> CAM BACKWARD</button>
+                CAMERA -1
+                <i class="fa fa-step-backward"></i>
+              </button>
             </div>
             <div>
               <button id="cmd_black_forward" onclick="cmd.black_forward();" class="cmd fwd">
                 <i class="fa fa-times-circle"></i> 
-                <i class="fa fa-step-forward"></i> BLACK FORWARD</button>
+                BLACK FRAME +1
+                <i class="fa fa-step-forward"></i>
+              </button>
             </div>
             <div>
               <button id="cmd_black_backward" onclick="cmd.black_backward();" class="cmd bwd">
                 <i class="fa fa-times-circle"></i> 
-                <i class="fa fa-step-backward"></i> BLACK BACKWARD</button>
+                BLACK FRAME -1
+                <i class="fa fa-step-backward"></i>
+              </button>
             </div>
           </div>
           <div>
             <div>
-              <button id="proj_forward" onclick="cmd.proj_forward();" class="cmd fwd">
+              <button id="cmd_proj_forward" onclick="cmd.proj_forward();" class="cmd fwd">
                 <i class="fa fa-film"></i>
-                <i class="fa fa-step-forward"></i>PROJ FORWARD</button>
+                PROJECTOR +1
+                <i class="fa fa-step-forward"></i>
+              </button>
             </div>
             <div>
-              <button id="proj_backward" onclick="cmd.proj_backward();" class="cmd bwd">
+              <button id="cmd_proj_backward" onclick="cmd.proj_backward();" class="cmd bwd">
                 <i class="fa fa-film"></i>
-                <i class="fa fa-step-backward"></i>PROJ BACKWARD</button>
+                PROJECTOR -1
+                <i class="fa fa-step-backward"></i>
+              </button>
             </div>
           </div>
         </div>
+        <div id="move_to">
+          <div class="cam">
+            <label>MOVE CAMERA TO</label>
+            <input type="number" id="move_cam_to" class="count" value="00000" onchange="gui.counterFormat(this, this.value);" onblur="cmd.cam_to(this)" />
+          </div>
+          <div class="proj">
+            <label>MOVE PROJECTOR TO</label>
+            <input type="number" id="move_cam_to" class="count" value="00000" onchange="gui.counterFormat(this, this.value);" onblur="cmd.proj_to(this);" />
+          </div>
+        </div>
         <footer>
           <div id="log"></div>
         </footer>
@@ -244,6 +271,12 @@
               <option>Not Set</option>
             </select>
           </div>
+          <div>
+            <h4>Profile</h4>
+              <select id="profile">
+                <option>Not Set</option>
+              </select>
+          </div>
         </div>
       </div>
     </div>