Make room for device statusbar when needed, fix #15

www/css/app.css

@@ -8,6 +8,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
     padding-top: 0px;
 }
 
+/* Make room for the statusbar on pages with navbars */
+.view-main .page:not([data-name=home]) .navbar {
+    margin-top: var(--f7-statusbar-height);
+}
+
 .popup {
     overflow-y: scroll;
 }

www/index.html

@@ -22,8 +22,6 @@
 
 <div id="app" class="color-theme-green theme-dark">
 
-    <!-- <div class="statusbar"></div> -->
-
     <div class="view view-main"></div>
 
 </div>