From 563e8fc518820044aff74c0fdbb4c0a0e843761a Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Fri, 14 Jun 2019 23:48:13 -0600
Subject: [PATCH] Fix visual bug where page content visible behind statusbar

---
 www/css/app.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/www/css/app.css b/www/css/app.css
index e6ef9ac..dc83353 100644
--- a/www/css/app.css
+++ b/www/css/app.css
@@ -17,7 +17,8 @@ Framework7 and FontAwesome both have a .fab class
 
 /* Make room for the statusbar on pages with navbars */
 .view-main .page:not([data-name=home]) .navbar {
-    margin-top: var(--f7-statusbar-height);
+    border-top: var(--f7-statusbar-height) solid var(--f7-page-bg-color);
+    height: calc(var(--f7-navbar-height) + var(--f7-statusbar-height));
 }
 
 .popup {