v1.4

Incorporate Auto WB button, improve page layout on small screens

index.html

@@ -336,7 +336,7 @@
         <!-- Footer Div -->
         <div class="flexContainerH" id="footerContainer">
             <div id="footerLeft">
-                <span class="">(v 1.3)</span>
+                <span class="">(v 1.4)</span>
                 <span id="activeElementSpan"></span>
             </div>
             <div id="footerLinks">

style.css

@@ -3,17 +3,27 @@
 /* ============= WHOLE PAGE STYLES ================== */
 
 /* Handle vertical screens */
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 1400px) and (orientation: portrait) {
     #cameraControlsContainer {
         width: 100vw!important;
     }
 
     #cameraControlsContainerExpanded {
-        display: none;
+        display: none!important;
     }
 
     body {
-        font-size: 90%;
+        font-size: 125%;
+    }
+}
+
+@media screen and (max-width: 1400px) and (orientation: landscape) {
+    #cameraControlsContainer {
+        width: 30vw!important;
+    }
+    
+    body {
+        font-size: 70%;
     }
 }