From 43fc71c0ca338894cf05a8b6e75bbe385f3bdebc Mon Sep 17 00:00:00 2001
From: DylanSpeiser <bluedisney16@gmail.com>
Date: Wed, 30 Oct 2024 14:46:11 -0400
Subject: [PATCH] v1.4

Incorporate Auto WB button, improve page layout on small screens
---
 index.html |  2 +-
 style.css  | 16 +++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5cb5c96..5fdc370 100644
--- a/index.html
+++ b/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">
diff --git a/style.css b/style.css
index 03b1230..1e6af57 100644
--- a/style.css
+++ b/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%;
     }
 }