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 {