From 8565d61c43c89b22ffed066e7a9330068af67925 Mon Sep 17 00:00:00 2001
From: OmegaRogue <thatomegarogue@gmail.com>
Date: Sat, 4 Apr 2020 12:35:55 +0200
Subject: [PATCH] Made http warning and install footer floating

Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>
---
 css/pwa.css | 15 +++++++++++++++
 index.html  | 19 +++++++++++++------
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/css/pwa.css b/css/pwa.css
index 6c2a4411d..6035157fa 100644
--- a/css/pwa.css
+++ b/css/pwa.css
@@ -16,4 +16,19 @@
     color: white;
     font-size: 1em;
     padding: 0.75em;
+}
+
+.floating header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+}
+
+.floating footer {
+    position: fixed;
+    padding: .6em;
+    bottom: 0;
+    left: 0;
+    right: 0;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 1e01ce53a..4fc12c17b 100644
--- a/index.html
+++ b/index.html
@@ -63,18 +63,16 @@
           <button class="btn btn-primary input-group-btn">Search</button>
         </div>
       </section>-->
+    </header>
+    <header class="floating hidden">
       <p id="requireHTTPS" class="hidden">
         <b>STOP!</b> This page <b>must</b> be served over HTTPS.
         Please <a>reload this page via HTTPS</a>.
       </p>
     </header>
 
-    <!-- Install button, hidden by default -->
-    <div id="installContainer" class="hidden">
-      <button id="butInstall" type="button">
-        Install
-      </button>
-    </div>
+
+
 
     <div class="container" style="padding-top:4px">
       <p><b>Note:</b> If you have a version of Bangle.js firmware before 2v04, please update to the <a href="https://www.espruino.com/Bangle.js#firmware-updates" target="_blank">latest firmware</a> or
@@ -148,6 +146,15 @@
       </div>
     </div>
 
+    <footer class="floating hidden">
+      <!-- Install button, hidden by default -->
+      <div id="installContainer" class="hidden">
+        <button id="butInstall" type="button">
+          Install
+        </button>
+      </div>
+    </footer>
+
     <script src="https://www.puck-js.com/puck.js"></script>
     <script src="js/utils.js"></script>
     <script src="js/ui.js"></script>