5 files changed, 18 insertions(+), 16 deletions(-)

M starkingdoms-client/index.html
M starkingdoms-client/src/css/footer.css
M starkingdoms-client/src/css/form.css
M starkingdoms-client/src/css/hud.css
M starkingdoms-client/src/css/popup.css

@@ 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>

@@ 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
+}

@@ 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;

@@ 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
+}

@@ 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
+}