From 37b41705529d6a8b97cf83706562591a6f07f0aa Mon Sep 17 00:00:00 2001 From: Josue Zamudio Date: Fri, 20 Mar 2026 09:53:19 -0700 Subject: [PATCH] Keep piece previews visible on mobile - Remove display: none from next/hold previews - Scale down preview canvases to 50x50px on mobile - Reduce gap and padding for tighter layout --- public/css/style.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) 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 {