From 0d473b97db95aae3817c35b79ecdd13275e026f7 Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Thu, 16 Apr 2026 19:10:54 -0400
Subject: [PATCH] Replace field-specific search with global search input

- Remove dropdown selector and search button
- Use standalone woSearchInput class to avoid inherited border issues
- Single text input searches across all fields as you type
---
 src/pages/workorders/list/List.js    | 11 ++---------
 src/pages/workorders/list/styles.css | 18 ++++++++++++++++--
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/pages/workorders/list/List.js b/src/pages/workorders/list/List.js
index 24f95f0a..9d2681ac 100644
--- a/src/pages/workorders/list/List.js
+++ b/src/pages/workorders/list/List.js
@@ -78,19 +78,12 @@ export default function WorkOrdersList() {
           <div className="searchControls">
             <div className="searchLeft">
               <div className="searchInputGroup">
-                <select className="searchDropdown" defaultValue="Title">
-                  <option>Title</option>
-                  <option>WO #</option>
-                  <option>Location</option>
-                  <option>Status</option>
-                </select>
                 <input
-                  className="searchInput"
+                  className="woSearchInput"
                   value={search}
                   onChange={(e) => setSearch(e.target.value)}
-                  placeholder="Enter search criteria here..."
+                  placeholder="Search work orders..."
                 />
-                <button className="searchButton">Search!</button>
               </div>
               <div className="viewToggle">
                 <button
diff --git a/src/pages/workorders/list/styles.css b/src/pages/workorders/list/styles.css
index 54af4470..86aa788f 100644
--- a/src/pages/workorders/list/styles.css
+++ b/src/pages/workorders/list/styles.css
@@ -124,8 +124,6 @@
   height: 38px;
   padding: 6px 12px;
   border: 1px solid #ccc;
-  border-left: none;
-  border-right: 1px solid #ccc;
   flex: 1;
   font-size: 14px;
   outline: none;
@@ -136,6 +134,22 @@
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 }
 
+.woSearchInput {
+  height: 38px;
+  padding: 6px 12px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 14px;
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.woSearchInput:focus {
+  border-color: #66afe9;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+}
+
 .searchButton {
   height: 38px;
   padding: 6px 20px;