From 27214ad3f09afbc45ebcd6aae4b609977417e787 Mon Sep 17 00:00:00 2001
From: Jer Miller <jeremie.miller@gmail.com>
Date: Sun, 12 Apr 2026 19:04:32 -0600
Subject: [PATCH] Improve search input contrast and centering

Darken the search input border to improve visibility without changing the shared facet border variable.

Center the search input form with auto margins on desktop and mobile, and lighten example chip borders so the input retains stronger visual emphasis.
---
 apps/search/workspace.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/search/workspace.html b/apps/search/workspace.html
index 093c99df1..343fa3087 100644
--- a/apps/search/workspace.html
+++ b/apps/search/workspace.html
@@ -284,6 +284,8 @@ button.day-header {
 /* Search input */
 .search-input-form {
   margin-bottom: 1rem;
+  margin-left: auto;
+  margin-right: auto;
   max-width: 640px;
 }
 
@@ -291,7 +293,7 @@ button.day-header {
   width: 100%;
   padding: 0.75rem 1rem;
   font-size: 1rem;
-  border: 1px solid var(--facet-border, #e5e0db);
+  border: 1px solid #c8c0b8;
   border-radius: 8px;
   outline: none;
   transition: border-color 0.15s, box-shadow 0.15s;
@@ -304,7 +306,7 @@ button.day-header {
 }
 
 .search-input:hover:not(:focus) {
-  border-color: #d1d5db;
+  border-color: #b8b0a8;
 }
 
 .search-input::placeholder {
@@ -442,7 +444,7 @@ button.day-header {
   align-items: center;
   padding: 0.4em 0.85em;
   background: #f3f4f6;
-  border: 1px solid #e5e7eb;
+  border: 1px solid #ebe6e1;
   border-radius: 20px;
   font-size: 0.85rem;
   color: #374151;
@@ -453,7 +455,7 @@ button.day-header {
 
 .search-example-chip:hover {
   background: #e5e7eb;
-  border-color: #d1d5db;
+  border-color: #ddd8d3;
 }
 
 .search-example-chip:focus-visible {
@@ -488,6 +490,8 @@ button.day-header {
 
   .search-input-form {
     margin-bottom: 0.75rem;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   .filter-section {
-- 
2.51.2