From 8b840dbf9e70fe4131511c997834d6e46304bfd6 Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Sat, 4 Apr 2026 12:42:35 +0200
Subject: [PATCH] [fix](trx-frontend-http): improve recorder filter input and
 normalize file action button sizes

Widen the recordings filter input (remove max-width cap, set min-width),
add search icon placeholder, use type=search for native clear button.
Also fix download/remove button size mismatch with explicit height.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
---
 .../trx-frontend/trx-frontend-http/assets/web/index.html      | 2 +-
 .../trx-frontend/trx-frontend-http/assets/web/style.css       | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
index 6a3fd94..ddd366c 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
@@ -1147,7 +1147,7 @@
       <section class="recorder-section">
         <h3 class="recorder-section-heading">Recorded files</h3>
         <div class="recorder-filter-bar">
-          <input id="recorder-filter" type="text" class="status-input recorder-filter-input" placeholder="Filter by rig, freq, mode or date..." title="Filter recordings by filename — supports partial match (e.g. rig name, frequency, mode, date)" />
+          <input id="recorder-filter" type="search" class="status-input recorder-filter-input" placeholder="&#x1F50D; Filter recordings..." title="Filter recordings by filename — supports partial match (e.g. rig name, frequency, mode, date)" />
           <select id="recorder-sort" class="status-input recorder-sort-select">
             <option value="name-desc">Newest first</option>
             <option value="name-asc">Oldest first</option>
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
index ba070b6..e064b9c 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
@@ -1215,7 +1215,7 @@ small { color: var(--text-muted); }
   align-items: center;
   margin-bottom: 0.6rem;
 }
-.recorder-filter-input { flex: 1; min-width: 0; max-width: 22rem; }
+.recorder-filter-input { flex: 1; min-width: 12rem; }
 .recorder-sort-select { width: auto; min-width: 10rem; }
 .recorder-section { margin-bottom: 1.5rem; }
 .recorder-section-heading {
@@ -1254,7 +1254,9 @@ small { color: var(--text-muted); }
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
+  margin: 0;
   padding: 0.2rem 0.5rem;
+  height: 1.65rem;
   font-size: 0.78rem;
   font-family: inherit;
   line-height: 1.4;