From e1a299c8c52ac8185bfc46604b68b8a702978fd5 Mon Sep 17 00:00:00 2001
From: Evan <evanpelle@gmail.com>
Date: Thu, 3 Apr 2025 17:13:16 -0700
Subject: [PATCH] center hostlobbymodal start button

---
 src/client/HostLobbyModal.ts | 25 ++++++++++++++-----------
 src/client/styles.css        |  7 +++++++
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/client/HostLobbyModal.ts b/src/client/HostLobbyModal.ts
index 0f4e30ad3..599141cd6 100644
--- a/src/client/HostLobbyModal.ts
+++ b/src/client/HostLobbyModal.ts
@@ -285,18 +285,21 @@ export class HostLobbyModal extends LitElement {
             )}
           </div>
         </div>
+
+        <div class="start-game-button-container">
+          <button
+            @click=${this.startGame}
+            ?disabled=${this.players.length < 2}
+            class="start-game-button"
+          >
+            ${
+              this.players.length === 1
+                ? translateText("host_modal.waiting")
+                : translateText("host_modal.start")
+            }
+          </button>
+        </div>
 					
-        <button
-          @click=${this.startGame}
-          ?disabled=${this.players.length < 2}
-          class="start-game-button"
-        >
-          ${
-            this.players.length === 1
-              ? translateText("host_modal.waiting")
-              : translateText("host_modal.start")
-          }
-        </button>
       </div>
     </o-modal>
     `;
diff --git a/src/client/styles.css b/src/client/styles.css
index 94d1180fd..9f93d919e 100644
--- a/src/client/styles.css
+++ b/src/client/styles.css
@@ -394,6 +394,13 @@ label.option-card:hover {
   }
 }
 
+.start-game-button-container {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  margin-top: 20px;
+}
+
 .message-area {
   margin-top: 10px;
   padding: 10px;