From a8afd2e187039cc1d3a0380db7b700e92680a616 Mon Sep 17 00:00:00 2001
From: mmcw-dev <hi@mmcwilliams.com>
Date: Sat, 6 Jan 2018 17:50:53 -0500
Subject: [PATCH] Add additional icons to command buttons (maybe overkill)

---
 app/index.html | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/app/index.html b/app/index.html
index bdb70fb..23322dd 100644
--- a/app/index.html
+++ b/app/index.html
@@ -84,24 +84,36 @@
         <div id="buttons">
           <div>
             <div>
-              <button id="cmd_cam_forward" onclick="cmd.cam_forward(light.color);" class="cmd fwd"><i class="fa fa-step-forward"></i>CAM FORWARD</button>
+              <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>
             </div>
             <div>
-              <button id="cmd_cam_backward" onclick="cmd.cam_backward(light.color);" class="cmd bwd"><i class="fa fa-step-backward"></i>CAM BACKWARD</button>
+              <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>
             </div>
             <div>
-              <button id="cmd_black_forward" onclick="cmd.black_forward();" class="cmd fwd"><i class="fa fa-step-forward"></i>BLACK FORWARD</button>
+              <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>
             </div>
             <div>
-              <button id="cmd_black_backward" onclick="cmd.black_backward();" class="cmd bwd"><i class="fa fa-step-backward"></i>BLACK BACKWARD</button>
+              <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>
             </div>
           </div>
           <div>
             <div>
-              <button id="proj_forward" onclick="cmd.proj_forward();" class="cmd fwd"><i class="fa fa-step-forward"></i>PROJ FORWARD</button>
+              <button id="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>
             </div>
             <div>
-              <button id="proj_backward" onclick="cmd.proj_backward();" class="cmd bwd"><i class="fa fa-step-backward"></i>PROJ BACKWARD</button>
+              <button id="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>
             </div>
           </div>
         </div>