ux: navbar progress

public/sass/components/_navbar.scss

@@ -10,14 +10,19 @@
   display: flex;
   flex-grow: 1;
   border-bottom: 1px solid transparent;
-  transition: all 300ms ease-in-out;
+  transition: all 350ms ease-in-out;
 }
 
+@mixin navbar-alt-look() {
+  background: $page-header-bg;
+  box-shadow: $search-shadow;
+  border-bottom: $navbarBorder;
+}
+
+
 .dashboard-page--settings-open {
   .navbar {
-    background: $page-header-bg;
-    box-shadow: $search-shadow;
-    border-bottom: $navbarBorder;
+    @include navbar-alt-look();
   }
 
   .navbar-buttons--actions,
@@ -31,6 +36,20 @@
   }
 }
 
+.panel-in-fullscreen {
+ .navbar {
+    @include navbar-alt-look();
+  }
+
+  .navbar-buttons--actions {
+    display: none;
+  }
+
+  .navbar-buttons--close {
+    display: flex;
+  }
+}
+
 .sidemenu-open {
   .navbar {
     padding-left: 15px;

public/sass/components/_tabbed_view.scss

@@ -6,7 +6,8 @@
     padding: 0;
 
     .tabbed-view-header {
-      padding: 1.5em 1rem 0 1rem;
+      padding: 0px 25px;
+      background: none;
     }
   }
 }