From 07b462dc3daa562f5b0f3a252464e98b5579057e Mon Sep 17 00:00:00 2001
From: Marco Wende <marco.wende@wende.it>
Date: Wed, 12 Aug 2026 14:38:30 +0200
Subject: [PATCH] =?UTF-8?q?Ger=C3=A4te-Tab:=20eigene=20Suchfeld-Klassen=20?=
 =?UTF-8?q?statt=20globale=20search-wrap?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

dev-search-wrap und dev-search-input unabhängig von globalen Styles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 www/index.html |  4 ++--
 www/styles.css | 17 +++++++++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/www/index.html b/www/index.html
index 1c3d7bb..4eab383 100644
--- a/www/index.html
+++ b/www/index.html
@@ -467,9 +467,9 @@
 <!-- GERÄTE VIEW -->
 <section class="dev-view hidden" id="devView">
   <div class="dev-toolbar">
-    <div class="search-wrap">
+    <div class="dev-search-wrap">
       <svg class="search-ico" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
-      <input type="search" id="devSearch" class="input input-search" placeholder="Gerätename, Benutzer, Seriennummer…" autocomplete="off">
+      <input type="search" id="devSearch" class="input dev-search-input" placeholder="Gerätename, Benutzer, Seriennummer…" autocomplete="off">
     </div>
     <span id="devCount" class="count-badge">0</span>
     <select id="devOsFilter" class="input input-select btn-sm">
diff --git a/www/styles.css b/www/styles.css
index c99b921..9a5540f 100644
--- a/www/styles.css
+++ b/www/styles.css
@@ -5214,16 +5214,25 @@ body.read-only .app-row {
   border-bottom: 1px solid var(--hairline-soft);
   flex-shrink: 0;
 }
-.dev-toolbar .search-wrap {
+.dev-search-wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
   flex: 1;
   max-width: 600px;
-  margin: 0;
   min-width: 0;
 }
-.dev-toolbar .search-wrap .input-search {
+.dev-search-wrap .search-ico {
+  position: absolute;
+  left: 12px;
+  color: var(--muted);
+  pointer-events: none;
+}
+.dev-search-input {
   width: 100%;
   box-sizing: border-box;
-  padding-right: 14px;
+  padding-left: 36px !important;
+  padding-right: 14px !important;
 }
 .input-select {
   padding: 5px 8px;