From db12216cc996e9da2e3eb5f0d7b8db6f2b9a0474 Mon Sep 17 00:00:00 2001 From: CrazyFreak <44674613+OffCrazyFreak@users.noreply.github.com> Date: Wed, 16 Sep 2026 19:51:15 +0200 Subject: [PATCH] fix(web): Keep the results list readable below 1024px Changes: - Show the sources and gains columns from the lg breakpoint instead of md, so tablets get the stacked row - Let the row title, author line and phone gains line wrap to two lines instead of truncating - Stack the summary headline over the select presets until lg - Hide the "How it decides" link in the header under 640px and stop the nav from wrapping Measured with a headless sweep at 360, 390, 768, 1024 and 1440 px: the five column grid started at 768 px and left the title column 98 px wide, narrower than on a phone, so every title in the sample was cut. On phones the title column was 114 px and truncated most titles, and "How it decides" wrapped into the wordmark in the sticky header. After the change no row text is clipped at 768 px, titles wrap on phones, and the header shows the name and GitHub without overlap. Notes: - Nothing changes at 1024 px and wider --- web/src/App.tsx | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/web/src/App.tsx b/web/src/App.tsx index 03a7cb9..59b174f 100644 --- a/web/src/App.tsx +++ b/web/src/App.tsx @@ -405,8 +405,8 @@ function Header({ )} -