CSS style cleanup

Author: Tino Mettler

data/website_gallery/css/modal.css

@@ -35,13 +35,15 @@
 }
 
 .nav {
+  height: var(--navigation-bar-height);
   justify-content: center;
   align-items: center;
   display: flex;
   z-index: 1001;
 }
 
 .slider {
+    height: calc(100vh - var(--navigation-bar-height));
     position: relative;
     width: 100vw;
     touch-action: none;

data/website_gallery/css/style.css

@@ -35,16 +35,15 @@ body {
     box-shadow: 0 1vw 4vw 1vw rgba(0,0,0,0.6);
 }
 
+.viewer {
+    --navigation-bar-height: 5vh;
+}
+
 .nav {
-  height: 5vh;
   background-color: rgba(60,60,60, 0.4);
   color: #ccc;
 }
 
-.slider {
-    height: 95vh; /* remaining vh after nav vh */
-}
-
 .navgrid {
   grid-template-columns: 4em 1fr 1.5em 1.5em 1fr 1.5em 1.5em;
   font-size: 3.5vh;