From a69d67556f2dfa26dda23ae71c115c42de31eeb8 Mon Sep 17 00:00:00 2001
From: Andrio Celos <AndrioCelos@users.noreply.github.com>
Date: Fri, 24 Nov 2023 13:59:53 +1100
Subject: [PATCH] Lobby layout fixes

---
 TableturfBattleClient/tableturf.css | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/TableturfBattleClient/tableturf.css b/TableturfBattleClient/tableturf.css
index c40197b..feb761f 100644
--- a/TableturfBattleClient/tableturf.css
+++ b/TableturfBattleClient/tableturf.css
@@ -128,6 +128,7 @@ footer {
 #lobbyPage:not([hidden]) {
 	display: grid;
 	grid-template-columns: 27em 1fr;
+	grid-template-rows: auto 1fr;
 }
 
 .submitButtonContainer {
@@ -139,12 +140,21 @@ footer {
 #lobbyPlayerListSection {
 	overflow-y: auto;
 	box-sizing: border-box;
+	grid-row: 1;
+	grid-column: 1;
+}
+
+#lobbySelectedStageSection {
+	grid-row: 2;
+	grid-column: 1;
 }
 
 #lobbyStageSection, #lobbyDeckSection {
-	overflow-y: scroll;
+	overflow-y: auto;
 	height: calc(100vh - 16px);
 	box-sizing: border-box;
+	grid-row: 1 / -1;
+	grid-column: 2;
 }
 
 #playerList {
@@ -239,6 +249,10 @@ footer {
 	margin-right: 1.5em;
 }
 
+#lobbyPage label {
+	display: block;
+}
+
 #lobbyTimeLimitBox {
 	width: 8ch;
 	text-align: right;
@@ -1840,6 +1854,13 @@ button.dragging {
 	#lobbyStageSection, #lobbyDeckSection {
 		height: initial;
 		grid-column: 1 / -1;
+		grid-row: 2;
+	}
+	
+	#lobbySelectedStageSection {
+		grid-row: 1;
+		grid-column: 2;
+		align-self: center;
 	}
 
 	#lobbySelectedStageSection .stage {