Made http warning and install footer floating

Signed-off-by: OmegaRogue <thatomegarogue@gmail.com>

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;
 }

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>