diff --git a/client/style.css b/client/style.css index ce230b6..8fdfb9b 100644 --- a/client/style.css +++ b/client/style.css @@ -417,9 +417,9 @@ input::placeholder { align-items: flex-end; gap: clamp(10px, 2vw, 30px); min-height: clamp(100px, 12vw, 150px); - padding: 0 20px; - width: 100%; - max-width: calc(100vw - 240px); /* Leave room for scoreboard */ + padding: 0 10px; + width: calc(100vw - 240px); + margin-left: 10px; } /* Arch layout - middle items higher, edges lower with rotation for "around the table" feel */ @@ -647,13 +647,13 @@ input::placeholder { #game-screen.active { display: flex; flex-direction: column; - align-items: center; + align-items: flex-start; position: relative; } .game-layout { display: flex; - justify-content: center; + justify-content: flex-start; width: 100%; align-items: flex-start; } @@ -664,7 +664,7 @@ input::placeholder { flex-direction: column; align-items: center; gap: 8px; - max-width: 100%; + width: calc(100vw - 230px); } /* Scoreboard Panel - positioned as overlay with cool styling */