Replace percent sizes with viewport size

diff --git a/src/jvmMain/resources/static/style.css b/src/jvmMain/resources/static/style.css
index d53625d2088e215793270f2bb0081fd09facbd69..712da7543fb4e84591742ef6d0acde281c227a5f 100644 (file)
--- a/src/jvmMain/resources/static/style.css
+++ b/src/jvmMain/resources/static/style.css
@@ -527,7 +527,7 @@ aside.mobile img {
        }
 
        main > section {
-               width: 48%;
+               width: 48vw;
                margin: 4vh auto;
        }
 
@@ -552,24 +552,22 @@ aside.mobile img {
        }
 
        nav.desktop {
-               width: 16%;
+               width: 16vw;
                float: left;
                margin: 4vh 4vw;
 
                position: sticky;
                top: calc(4vh + 1.25rem);
+               max-height: calc(92vh - 2.5rem);
        }
 
        aside.desktop {
-               width: 16%;
+               width: 16vw;
                float: right;
                margin: 4vh 4vw;
 
                position: sticky;
                top: calc(4vh + 1.25rem);
-       }
-
-       aside.desktop {
                max-height: calc(92vh - 2.5rem);
        }