Browser Mode - Lobby

Author: Zayelion

server/http/css/main.css

@@ -1383,9 +1383,10 @@ div#gamelist {
     display: inline-block;
     border: 1px solid white;
     padding: 0.5vh 2vw;
-    width: 9vw;
+    width: 9em;
     text-align: center;
     color: orange;
+    margin-bottom: 1em;
 }
 
 #lobbymenu {
@@ -1398,6 +1399,24 @@ div#gamelist {
     background-color: rgba(0, 0, 0, .5);
 }
 
+.kickbutton {
+    width: 1em;
+    height: 1em;
+    display: inline-block;
+    border: 1px solid white;
+    position: relative;
+    top: .1em;
+}
+
+input#player1lobbyslot,
+input#player2lobbyslot,
+input#player3lobbyslot,
+input#player4lobbyslot {
+    background: rgba(0, 0, 0, .5);
+    border: 1px solid #444;
+    margin-bottom: 0.5em;
+}
+
 
 /* =========================================
 =================================

server/http/index.html

@@ -674,22 +674,22 @@ <h3 data-translation-launchersettings style="text-align: left; border-top: 1px s
                 <span id="lobbygotoduel">Duel</span>
                 <span id="lobbygotospectate">Spectate</span>
                 <div class="slot">
-                    <input type="checkbox" id="player1lobbykick">
+                    <div id="player1lobbykick" class="kickbutton"></div>
                     <input id="player1lobbyslot" placeholder="empty slot">
                     <input type="checkbox" id="player1lobbycheck">
                 </div>
                 <div class="slot">
-                    <input type="checkbox" id="player2lobbykick">
+                    <div id="player2lobbykick" class="kickbutton"></div>
                     <input id="player2lobbyslot" placeholder="empty slot">
                     <input type="checkbox" id="player2lobbycheck">
                 </div>
                 <div class="slot">
-                    <input type="checkbox" id="player3lobbykick">
+                    <div id="player3lobbykick" class="kickbutton"></div>
                     <input id="player3lobbyslot" placeholder="empty slot">
                     <input type="checkbox" id="player3lobbycheck">
                 </div>
                 <div class="slot">
-                    <input type="checkbox" id="player4lobbykick">
+                    <div id="player4lobbykick" class="kickbutton"></div>
                     <input id="player4lobbyslot" placeholder="empty slot">
                     <input type="checkbox" id="player4lobbycheck">
                 </div>