header styling update

Author: btroncone

src/app/app.component.html

@@ -19,7 +19,7 @@
         </a>
       </mat-nav-list>
     </mat-sidenav>
-    <main class="body-margin">
+    <main class="app-content">
       <router-outlet></router-outlet>
     </main>
   </mat-sidenav-container>

src/app/app.component.scss

@@ -3,6 +3,20 @@
   font-weight: 600;
 }
 
+.app-fullpage {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+
+  header {
+    z-index: 10;
+  }
+}
+
 mat-sidenav-container {
   flex: 1 1 auto;
   width: 100%;
@@ -13,14 +27,6 @@ mat-sidenav {
   width: 200px;
 }
 
-.primary-toolbar {
-  z-index: 10;
-
-  .toolbar-title {
-    padding: 0 16px;
-  }
-}
-
 .app-content {
   min-height: 100%;
   overflow: auto;