minor styling fixes

wwwroot/css/app.css

@@ -38,7 +38,6 @@
         position: sticky;
         top: 0;
         height: env(safe-area-inset-top);
-        background-color: #f7f7f7;
         width: 100%;
         z-index: 1;
     }

wwwroot/css/style.css

@@ -12,6 +12,14 @@
   --max-article-size: 75rem;
 }
 
+#app {
+  position: relative
+}
+
+nav:is(.left, .right){
+  margin-block-start: env(safe-area-inset-top);
+}
+
 main {
   position: relative; 
   overflow-x: hidden;
@@ -243,4 +251,4 @@ a.row.indent { margin-left: 1rem }
 
 .markdown-editor > .EasyMDEContainer > .CodeMirror {
   flex: auto
-}
+}

wwwroot/css/z.css

@@ -4,7 +4,9 @@ nav header { z-index: 101 }
 
 nav.bottom.s:not(.drawer) :is(button,.button) > menu { z-index: 100 }
 
-.fab { z-index: 1 }
+.fab {
+  z-index: 1
+}
 
 .avatar::after { z-index: 1 }