From 9b2d443055612ae47b27d1176f1ebfd2e9caf3b0 Mon Sep 17 00:00:00 2001
From: Nicholas Pease <me@nicholaspease.com>
Date: Mon, 29 Jan 2024 05:29:42 +0000
Subject: [PATCH] Fixes for iPad

---
 simplepwa/index.html | 2 +-
 simplepwa/main.js    | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/simplepwa/index.html b/simplepwa/index.html
index 885c3aa..5d0dc5c 100644
--- a/simplepwa/index.html
+++ b/simplepwa/index.html
@@ -63,7 +63,7 @@
             <div id="header_nav">
               <button class="mdl-button mdl-js-button mdl-button--raised" onclick="main()">tar1090</button>
               <button class="mdl-button mdl-js-button mdl-button--raised" onclick="window.location.href = 'shortcuts://run-shortcut?name=OpenADSBWebLaunch'">OpenADSB</button>
-              <button class="mdl-button mdl-js-button mdl-button--raised" onclick="ATC()">LiveATC</button>
+              <button class="mdl-button mdl-js-button mdl-button--raised" onclick="ATC()" id="ATC_Button">LiveATC</button>
               <button class="mdl-button mdl-js-button mdl-button--raised" onclick="settings()">Settings</button>
             </div>
             <div id="header_atc">
diff --git a/simplepwa/main.js b/simplepwa/main.js
index 8ad82d2..f5bedcf 100644
--- a/simplepwa/main.js
+++ b/simplepwa/main.js
@@ -56,6 +56,8 @@ function main() {
     document.getElementById("main_tab").style.display = "block";
     document.getElementById("settings").style.display = "none";
     document.getElementById("sidebar").style.display = "none";
+    document.getElementById("header_atc").style.display = "block";
+    document.getElementById("ATC_Button").style.display = "block";
     document.getElementById("header").style.left = "210px"
 }
 
@@ -63,13 +65,17 @@ function settings() {
     document.getElementById("main_tab").style.display = "none";
     document.getElementById("settings").style.display = "block";
     document.getElementById("sidebar").style.display = "none";
+    document.getElementById("header_atc").style.display = "none";
+    document.getElementById("ATC_Button").style.display = "block";
     document.getElementById("header").style.left = "2%"
 }
 
 function ATC() {
     document.getElementById("main_tab").style.display = "block";
     document.getElementById("sidebar").style.display = "flex";
+    document.getElementById("ATC_Button").style.display = "none";
     document.getElementById("settings").style.display = "none";
+    document.getElementById("header_atc").style.display = "block";
     document.getElementById("header").style.left = "10px"
 }