From: Lanius Trolling <lanius@laniustrolling.dev>
Date: Sat, 2 Mar 2024 20:08:50 +0000 (-0500)
Subject: Replace percent sizes with viewport size
X-Git-Url: https://gitweb.starshipfights.net/?a=commitdiff_plain;h=8fe1eb099b3dca598fa4177144b03244e2852b05;p=factbooks

Replace percent sizes with viewport size
---

diff --git a/src/jvmMain/resources/static/style.css b/src/jvmMain/resources/static/style.css
index d53625d..712da75 100644
--- 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);
 	}