Right-rail visibility: brass-color + flex-shrink:0 on home rail 'See all N →' links

d613a8f15d86e5b9fa634d1f61212c0510272154 · 2026-05-07 16:25:49 -0700 · Steve Abrams

Likely candidate for Steve's 'cannot see item on right' feedback. The
4 per-vertical home rails (food/beauty/retail/creative) used class=
'muted' (grey #5b5750 light / #9c958a dark) on the See-all links —
low contrast and easy to miss against an h2 brand heading on the
same flex row.

Three fixes:
- color:var(--brass) — pop against the body text
- font-size 13→14 — slightly larger affordance
- flex-shrink:0 + white-space:nowrap — keeps the link from wrapping
  weirdly when h2 fills the row at narrow widths

Now visible at all viewports across all 4 rails.

Files touched

M views/public/home.ejs

Diff

commit d613a8f15d86e5b9fa634d1f61212c0510272154
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu May 7 16:25:49 2026 -0700

    Right-rail visibility: brass-color + flex-shrink:0 on home rail 'See all N →' links
    
    Likely candidate for Steve's 'cannot see item on right' feedback. The
    4 per-vertical home rails (food/beauty/retail/creative) used class=
    'muted' (grey #5b5750 light / #9c958a dark) on the See-all links —
    low contrast and easy to miss against an h2 brand heading on the
    same flex row.
    
    Three fixes:
    - color:var(--brass) — pop against the body text
    - font-size 13→14 — slightly larger affordance
    - flex-shrink:0 + white-space:nowrap — keeps the link from wrapping
      weirdly when h2 fills the row at narrow widths
    
    Now visible at all viewports across all 4 rails.
---
 views/public/home.ejs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/views/public/home.ejs b/views/public/home.ejs
index 4ebbb79..4f294f2 100644
--- a/views/public/home.ejs
+++ b/views/public/home.ejs
@@ -135,7 +135,7 @@
   <section class="find-page" style="padding-top:24px">
     <div style="display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 16px">
       <h2 style="margin:0"><span aria-hidden="true"><%= vv.icon %></span> <%= vv.label %> on Ventura Blvd</h2>
-      <a href="/find?vertical=<%= vv.key %>" class="muted" style="font-size:13px;font-weight:600;text-decoration:underline">
+      <a href="/find?vertical=<%= vv.key %>" style="font-size:14px;font-weight:600;color:var(--brass);text-decoration:underline;white-space:nowrap;flex-shrink:0">
         See all <%= totalForV %> →
       </a>
     </div>

← 94e6ea5 /find a11y: combobox pattern + aria-current on pagination + · back to Ventura Claw Leads · Footer centered: 5-col equal grid + text-align center on eve a182931 →