post-launch v0.2 design fixes — sticky reserve banner, drop response-sla badge clutter from /find cards, title-case segment dropdown options

4606c77399f78c1291b4d82abb44d81410204b7c · 2026-05-06 10:22:17 -0700 · Steve

Files touched

M public/css/public.css
M views/public/find.ejs

Diff

commit 4606c77399f78c1291b4d82abb44d81410204b7c
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed May 6 10:22:17 2026 -0700

    post-launch v0.2 design fixes — sticky reserve banner, drop response-sla badge clutter from /find cards, title-case segment dropdown options
---
 public/css/public.css | 4 ++--
 views/public/find.ejs | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/public/css/public.css b/public/css/public.css
index b6870bc..6108a2a 100644
--- a/public/css/public.css
+++ b/public/css/public.css
@@ -175,8 +175,8 @@
 }
 .installer-hero-image .photo-credit:hover { background: rgba(0,0,0,0.75); }
 
-/* Reserve CTA banner (tick 5) */
-.reserve-banner { background: var(--bg-alt); border-bottom: 1px solid var(--border); padding: 18px 0; }
+/* Reserve CTA banner (tick 5) — sticky so the conversion action stays visible during scroll */
+.reserve-banner { background: var(--bg-alt); border-bottom: 1px solid var(--border); padding: 14px 0; position: sticky; top: 64px; z-index: 40; box-shadow: 0 1px 0 var(--border); }
 .reserve-banner-inner { display: flex; gap: 24px; align-items: center; padding: 0 32px; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; }
 .reserve-banner .reserve-copy { flex: 1; min-width: 280px; }
 .reserve-banner .reserve-kicker { margin: 0 0 4px; font-family: var(--serif); font-weight: 500; font-size: 1.15rem; color: var(--brass, #b8860b); }
diff --git a/views/public/find.ejs b/views/public/find.ejs
index dbecb9d..5bf0329 100644
--- a/views/public/find.ejs
+++ b/views/public/find.ejs
@@ -26,7 +26,7 @@
         <select name="segment">
           <option value="">All</option>
           <% ['luxury_residential','hospitality','retail','museum','yacht'].forEach(function(s){ %>
-            <option value="<%= s %>" <%= segment === s ? 'selected' : '' %>><%= s.replace(/_/g,' ') %></option>
+            <option value="<%= s %>" <%= segment === s ? 'selected' : '' %>><%= s.replace(/_/g,' ').replace(/\b\w/g, c => c.toUpperCase()) %></option>
           <% }); %>
         </select>
       </label>
@@ -78,7 +78,6 @@
             <% } else { %>
               <% if (i.verified) { %><span class="verified-badge">Verified</span><% } %>
               <% if (i.tier === 'signature' || i.tier === 'enterprise') { %><span class="signature-badge">Signature</span><% } %>
-              <span class="response-sla">Responds in &lt; <%= i.response_time_hours %>h</span>
             <% } %>
           </div>
         </div>

← dfd87ae snapshot before claude-codex debate · back to NationalPaperHangers · post-deploy: deploy scripts v2/v3, LinkedIn auth route, 6 te 07b632e →