From c71b77f54e06bb6be3739c429c6e814efa14d820 Mon Sep 17 00:00:00 2001 From: Peter Kartchner Date: Thu, 15 Jan 2026 18:43:17 -0700 Subject: [PATCH] style: improve visibility of column and per-page control numbers Enhance readability of unselected number buttons in recipe list view by: - Adding explicit dark text color (#333) for better contrast - Increasing font-weight to 500 for improved legibility This addresses the issue where column count (3, 5, 7, 9) and items per page (12, 24, 48, All) numbers were hard to see when not selected. Co-Authored-By: Claude Sonnet 4.5 --- packages/web/src/styles/RecipeList.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/web/src/styles/RecipeList.css b/packages/web/src/styles/RecipeList.css index c6bd8de..ae60004 100644 --- a/packages/web/src/styles/RecipeList.css +++ b/packages/web/src/styles/RecipeList.css @@ -118,10 +118,12 @@ padding: 0.4rem 0.6rem; border: none; background: var(--bg-secondary, #f5f5f5); + color: var(--text-primary, #333); cursor: pointer; font-size: 0.85rem; min-width: 32px; transition: background-color 0.2s, color 0.2s; + font-weight: 500; } .column-buttons button:not(:last-child) { @@ -197,10 +199,12 @@ padding: 0.4rem 0.6rem; border: none; background: var(--bg-secondary, #f5f5f5); + color: var(--text-primary, #333); cursor: pointer; font-size: 0.85rem; min-width: 36px; transition: background-color 0.2s, color 0.2s; + font-weight: 500; } .items-per-page button:not(:last-child) {