diff --git a/public/css/style.css b/public/css/style.css index ef0e955..42d1d88 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -521,14 +521,21 @@ button:active { margin-bottom: -60px; /* Compensate for scale to prevent overflow */ } - /* Option 4: Reduce board info height and hide previews on mobile */ + /* Option 4: Reduce board info height on mobile */ .player-board .board-info { padding: 5px 2px; font-size: 0.45rem; } .player-board .board-info:has(canvas) { - display: none; /* Hide next/hold previews on mobile to save space */ + gap: 10px; + padding: 4px 2px; + } + + /* Scale down next/hold preview canvases on mobile */ + .player-board .board-info canvas { + width: 50px !important; + height: 50px !important; } .player-board.spectator {