From ae5ac3aa98d9584f99a95ede038c7646692de33d Mon Sep 17 00:00:00 2001 From: Lucas Winther Date: Tue, 18 Aug 2026 22:12:54 +0200 Subject: [PATCH] fix: wrap the focus chips where the bar is a rail, not a page In a 20rem column the scrolling strip shows four chips of a thirteen-game reader's set behind a hairline scrollbar, and a game you cannot see is a game you will not focus. Past `lg` they wrap instead: the rail is short and the list beside it is long, so the extra rows cost that column nothing it was using. On a phone the strip is right and stays. Co-Authored-By: Claude Opus 5 (1M context) --- src/client/components/GameFocus.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/client/components/GameFocus.tsx b/src/client/components/GameFocus.tsx index 355e65e..45484e8 100644 --- a/src/client/components/GameFocus.tsx +++ b/src/client/components/GameFocus.tsx @@ -53,10 +53,15 @@ export function GameFocus({ + {/* A scrolling strip where the bar is as wide as the page, wrapped rows + where it is a 20rem rail: a thirteen-game reader would otherwise get + four chips and a hairline scrollbar, and a game you cannot see is a + game you will not focus. The rail is short and the list beside it is + long, so the rows cost nothing that column was using. */}