From de32b13641831101a0f4986736a39570e8b44561 Mon Sep 17 00:00:00 2001
From: TerraMaster85 <tm85@e3t.cc>
Date: Sun, 26 Nov 2023 20:53:44 -0500
Subject: [PATCH] CSS tweaks and polish

---
 starkingdoms-client/index.html         |  2 +-
 starkingdoms-client/src/css/footer.css |  6 +++---
 starkingdoms-client/src/css/form.css   | 13 ++++++++-----
 starkingdoms-client/src/css/hud.css    |  3 ++-
 starkingdoms-client/src/css/popup.css  | 10 ++++------
 5 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/starkingdoms-client/index.html b/starkingdoms-client/index.html
index aed940e9a8ce81c20c9a4a909fc6fc9240924030..d7ebfbaec81560401a5533d197cccfa877d5f48a 100644
--- a/starkingdoms-client/index.html
+++ b/starkingdoms-client/index.html
@@ -11,7 +11,7 @@
         <!-- Canvas gets added here by the game script -->
     </div>
 
-    <div class="popup popup-center popup-w19" id="server_selector">
+    <div class="popup popup-center" id="server_selector">
 
     <h1>StarKingdoms</h1>
     <h2>Join Game</h2>
diff --git a/starkingdoms-client/src/css/footer.css b/starkingdoms-client/src/css/footer.css
index 1f2645781dba0cec7082f6b20faa2e2d7876015d..f7bbac70cbfdadb758fb72798ccfa36d72e2e3d0 100644
--- a/starkingdoms-client/src/css/footer.css
+++ b/starkingdoms-client/src/css/footer.css
@@ -2,12 +2,12 @@
     font-size: 0.75rem;
     line-height: 1rem;
     position: absolute;
-    bottom: 1vh;
-    left: 1vw;
+    bottom: 1em;
+    left: 1em;
 }
 .footer-icon {
     vertical-align: middle;
     display: inline-block;
     width: 1rem;
     height: 1rem;
-}
\ No newline at end of file
+}
diff --git a/starkingdoms-client/src/css/form.css b/starkingdoms-client/src/css/form.css
index 96940cfd32577f62290a93c5d936b44e5943e1bd..2698c660345cb31f648563ebd08efd7e8d6b2bfa 100644
--- a/starkingdoms-client/src/css/form.css
+++ b/starkingdoms-client/src/css/form.css
@@ -1,8 +1,8 @@
 .launch-btn {
     appearance: none;
     width: 100%;
-    padding: 1vh 1vw;
-    margin-top: 1vw;
+    padding: 1em;
+    margin-top: 1em;
     color: var(--text);
     background: transparent;
     border: 2px solid var(--links);
@@ -15,10 +15,11 @@
 }
 
 .username-label {
-    margin-top: 1vh;
+    margin-top: 1em;
 }
 .fm-select {
-    margin-bottom: 1vh;
+    margin-bottom: 1em;
+    position: relative;
 }
 
 .username-box {
@@ -137,8 +138,10 @@
     /*transform: scaleY(1);*/
 }
 .server-danger {
+    width: 100%;
     display: block;
-    margin-top: 1vh;
+    height: max-content;
+    margin-top: 1em;
     color: var(--error);
     font-size: 0.875rem;
     line-height: 1.25rem;
diff --git a/starkingdoms-client/src/css/hud.css b/starkingdoms-client/src/css/hud.css
index df93224387fa3a3bf0785761a72330c9bac56e7c..dc582cc2af0785680a30efabc871bc06d8248cf0 100644
--- a/starkingdoms-client/src/css/hud.css
+++ b/starkingdoms-client/src/css/hud.css
@@ -5,8 +5,9 @@
     transform: translate(-50%);
     margin: 0 0;
     width: 25vw;
+    min-width: 640px;
 }
 .hud-d {
     margin-left: 5px;
     margin-right: 5px;
-}
\ No newline at end of file
+}
diff --git a/starkingdoms-client/src/css/popup.css b/starkingdoms-client/src/css/popup.css
index e5cc9b25c055337d3b3e4fa88dfa808b5f6e85c3..97c544050abd5a39434cea04a66df2ec823d5758 100644
--- a/starkingdoms-client/src/css/popup.css
+++ b/starkingdoms-client/src/css/popup.css
@@ -1,15 +1,13 @@
 .popup {
-    padding: 2vh 1vw;
+    padding: 1em;
 
     background-color: var(--bg-secondary-1);
 
     height: min-content;
+    max-width: 300px;
     border-radius: 5px;
     z-index: 100000;
 }
-.popup-w19 {
-    width: 19%;
-}
 .popup-wmin {
     width: min-content;
 }
@@ -25,9 +23,9 @@
     margin: 0;
 }
 .popup > h2 {
-    margin: 0 0 1vh;
+    margin: 0 0 0.5em;
     color: var(--sub-headline);
 }
 .hidden {
     display: none;
-}
\ No newline at end of file
+}