From f3e885df353e46799bb0d2dcb546dcbd6bb0f9cb Mon Sep 17 00:00:00 2001
From: mmcwilliams <hi@mmcwilliams.com>
Date: Mon, 24 Jun 2019 11:20:08 -0400
Subject: [PATCH] Rename DOM elements filmout, instead of "video"

---
 app/index.html                        | 14 ++++++++------
 app/less/app.less                     |  2 +-
 app/less/{video.less => filmout.less} |  6 +++---
 3 files changed, 12 insertions(+), 10 deletions(-)
 rename app/less/{video.less => filmout.less} (76%)

diff --git a/app/index.html b/app/index.html
index 95c3c07..761cf87 100644
--- a/app/index.html
+++ b/app/index.html
@@ -350,18 +350,20 @@
                 <button>Use Video</butto>
             </div>
             <div id="filmout_preview_wrap">
-              <img src="#" id="filmout">
+              <div id="filmout_monitor">
+                <img src="#" id="filmout">
+              </div>
             </div>
             <div id="filmout_position_wrap">
               <button id="filmout_rewind"><</button>
-              <input id="filmout_position" type="text" value="00001"/>
+              <input id="filmout_position" class="count" type="text" value="00001"/>
               <button id="filmout_advance">></button>
             </div>
             <div id="filmout_functions">
-              <button id="filmout_preview">Preview</button>
-              <button id="filmout_meter">Meter</button>
-              <button id="filmout_focus">Focus</button>
-              <button id="filmout_field">Field Guide</button>
+              <button id="filmout_preview">PREVIEW</button>
+              <button id="filmout_meter">METER</button>
+              <button id="filmout_focus">FOCUS</button>
+              <button id="filmout_field">FIELD GUIDE</button>
             </div>
           </div>
         </div>
diff --git a/app/less/app.less b/app/less/app.less
index e48eb00..75b646b 100644
--- a/app/less/app.less
+++ b/app/less/app.less
@@ -8,7 +8,7 @@
 @import "./scroll.less";
 @import "./settings.less";
 @import "./mscript.less";
-@import "./video.less";
+@import "./filmout.less";
 
 #screens{
 	overflow-x: hidden;
diff --git a/app/less/video.less b/app/less/filmout.less
similarity index 76%
rename from app/less/video.less
rename to app/less/filmout.less
index 8705c62..eccaa53 100644
--- a/app/less/video.less
+++ b/app/less/filmout.less
@@ -1,14 +1,14 @@
 #path_bar{
 	
 }
-#video_file {
+#filmout_file {
 	
 }
-#video_preview_wrap {
+#filmout_preview_wrap {
 	background: #000;
 	width: 100%;
 }
-#video_preview {
+#filmout {
 	height: 400px;
 	min-height: 400px;
 	width: auto;