update navigation + profile

src/styles.scss

@@ -83,13 +83,26 @@ body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
 }
 
-app-root {
+app-root, app-main {
   height: 100%;
   max-height: 100%;
   display: flex;
   flex-direction: column;
 }
 
+app-root {
+  padding: 15px;
+  background-color: #fafafa;
+}
+
+app-main {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
 mat-card {
   max-width: 400px;
   margin: 2em auto;
@@ -280,6 +293,11 @@ table {
 
 
 .dark-theme {
+
+  app-root {
+    background-color: #303030;
+  }
+
   table {
 
     background: #424242;