style/main.scss

@@ -35,8 +35,7 @@ body {
 
 #app {
   height: 100%;
-  display: flex;
-  flex-direction: column;
+  display: grid;
 }
 
 ::-webkit-scrollbar {
@@ -60,19 +59,18 @@ body {
 }
 
 #tabs {
-  flex: 1;
+  grid-row: 3;
   z-index: 1;
   display: grid;
   overflow: hidden;
   .page {
-    //visibility: hidden;
-    display: none;
+    visibility: hidden;
     overflow-y: scroll;
     grid-row: 1;
     grid-column: 1;
     &.active {
-      //visibility: visible;
-      display: inherit;
+      visibility: visible;
+    }
     &.waiting {
       user-select: none;
       position: fixed;
@@ -96,7 +94,6 @@ body {
         }
       }
     }
-    }
 
     h1.pageheader {
       margin-top: 0;
@@ -134,6 +131,7 @@ $tab-active: lighten($nanotrasen, 10%);
 
 #section-list {
   z-index: 2;
+  grid-row: 1;
   border-bottom: 2px solid $section-active;
   display: flex;
   .section {
@@ -162,6 +160,7 @@ $tab-active: lighten($nanotrasen, 10%);
 
 #tab-list {
   z-index: 2;
+  grid-row: 2;
   display: flex;
   background-color: $section-active;
   border-bottom: 4px solid $tab-active;