From a36b06a4a579f384661221d21864e226dfa2dc5c Mon Sep 17 00:00:00 2001
From: DylanSpeiser <bluedisney16@gmail.com>
Date: Wed, 30 Oct 2024 14:46:42 -0400
Subject: [PATCH] Squashed commit of the following:

commit 43fc71c0ca338894cf05a8b6e75bbe385f3bdebc
Author: DylanSpeiser <bluedisney16@gmail.com>
Date:   Wed Oct 30 14:46:11 2024 -0400

    v1.4

    Incorporate Auto WB button, improve page layout on small screens

commit 9c0a8765ce492d457a42a0a9f9a3e59ab5d691da
Author: LukasW1337 <wiinholtt@gmail.com>
Date:   Wed Aug 28 16:30:41 2024 +0200

    Adds a Auto White Balance button
---
 BMDevice.js |  4 ++++
 README.md   |  2 +-
 index.html  |  5 ++++-
 style.css   | 16 +++++++++++++---
 4 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/BMDevice.js b/BMDevice.js
index f4729d8..b20e9d8 100644
--- a/BMDevice.js
+++ b/BMDevice.js
@@ -241,6 +241,10 @@ class BMCamera extends BMDevice {
     doAutoFocus() {
         this.PUTdata("/lens/focus/doAutoFocus");
     }
+
+    doAutoWhitebalance() {
+        this.PUTdata("/video/whiteBalance/doAuto");
+    }
 }
 
 /* Helper Functions */
diff --git a/README.md b/README.md
index 19097a2..0f5253f 100644
--- a/README.md
+++ b/README.md
@@ -64,7 +64,7 @@ This app (as of June 2024), should be compatible with the following Blackmagic c
 | Pocket Cinema Camera 6K Pro | `Pocket-Cinema-Camera-6K-Pro.local` | FW 8.6+ Required |
 | Cinema Camera 6K | `Blackmagic-Cinema-Camera-6K.local` | |
 | URSA Broadcast G2 | `URSA-Broadcast-G2.local` | |
-| Micro Studio Camera 4K G2 | `Micro-Studio-Camera-4K-G2.local`$^1$ | |
+| Micro Studio Camera 4K G2 | `Micro-Studio-Camera-4K-G2.local` | |
 | Studio Camera 4K Plus | `Studio-Camera-4K-Plus.local` | |
 | Studio Camera 4K Pro | `Studio-Camera-4K-Pro.local` | |
 | Studio Camera 4K Plus G2 | `Studio-Camera-4K-Plus-G2.local`$^1$ | |
diff --git a/index.html b/index.html
index 81b2574..5fdc370 100644
--- a/index.html
+++ b/index.html
@@ -144,6 +144,9 @@
                             <a class="expAdjArr" href="#" onclick="increaseWhiteBalanceTint()" id="WBLR">&#9654</a>
                         </div>
                     </div>
+                    <div class="ccExposureSettingContainer">
+                        <button id="AWBButton" class="circleButton" title="Make the camera do an Auto Whitebalance" onclick="cameras[ci].doAutoWhitebalance()">AW</button>
+                    </div>
                 </div>
 
                 <div class="flexContainerH" id="cameraControlLensContainer">
@@ -333,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%;
     }
 }