_navbar.scss in active_frontend-16.1.7

- old
+ new

@@ -11,22 +11,23 @@
   background: color(white);
   border-collapse: separate;
   border-top: 1px solid color(haze);
   box-sizing: border-box;
   display: table;
-  height: 54px;
+  height: calc(54px + env(safe-area-inset-bottom));
   line-height: 1;
   table-layout: fixed;
   width: 100%;
 
   > a {
     display: table-cell;
     float: none;
     font-size: text-size(xxs);
     font-weight: text-weight(semibold);
+    padding-top: 9px;
     text-align: center;
-    vertical-align: middle;
+    vertical-align: top;
     width: 1%;
 
     &.primary {
       color: text-color-on(primary);
       background: color(primary);
@@ -53,8 +54,8 @@
   }
 }
 
 // Media Queries
 // ==================================================
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 813px) {
   .navbar { display: none; }
 }