From 2de5c214429a955bf58f3cb3ba397f842b713c84 Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Mon, 17 Mar 2025 20:40:09 +0100
Subject: [PATCH] =?UTF-8?q?Trefferz=C3=A4hler=20zwischen=20Suchfeldern=20u?=
 =?UTF-8?q?nd=20Suchergebnissen=20neu=20positioniert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/index.html | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 0f14731..e505b93 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -109,21 +109,25 @@
         .search-field {
             position: relative;
         }
+        .result-counts {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 1rem;
+            margin-bottom: 1rem;
+            padding: 0.5rem;
+            background-color: #f8f9fa;
+            border-radius: 4px;
+        }
         .result-count {
-            position: absolute;
-            right: 10px;
-            top: 50%;
-            transform: translateY(-50%);
             background-color: #e9ecef;
-            padding: 2px 8px;
+            padding: 4px 12px;
             border-radius: 12px;
-            font-size: 0.8em;
+            font-size: 0.9em;
             color: #6c757d;
             display: none;
-            z-index: 1;
         }
         .result-count.visible {
-            display: block;
+            display: inline-block;
         }
         .location-pin {
             color: #dc3545;
@@ -142,25 +146,21 @@
                     <input type="text" id="nameInput" class="form-control" 
                            placeholder="Name...">
                     <i class="fa-solid fa-xmark reset-icon" id="nameReset"></i>
-                    <span id="nameCount" class="result-count"></span>
                 </div>
                 <div class="search-field">
                     <input type="text" id="ortInput" class="form-control" 
                            placeholder="Ort...">
                     <i class="fa-solid fa-xmark reset-icon" id="ortReset"></i>
-                    <span id="ortCount" class="result-count"></span>
                 </div>
                 <div class="search-field">
                     <input type="text" id="kundennummerInput" class="form-control" 
                            placeholder="Kundennummer...">
                     <i class="fa-solid fa-xmark reset-icon" id="kundennummerReset"></i>
-                    <span id="kundennummerCount" class="result-count"></span>
                 </div>
                 <div class="search-field">
                     <input type="text" id="fachrichtungInput" class="form-control" 
                            placeholder="Fachrichtung...">
                     <i class="fa-solid fa-xmark reset-icon" id="fachrichtungReset"></i>
-                    <span id="fachrichtungCount" class="result-count"></span>
                 </div>
             </div>
 
@@ -169,6 +169,13 @@
                        placeholder="Allgemeine Suche...">
                 <i class="fa-solid fa-xmark reset-icon" id="searchReset"></i>
                 <span class="search-icon">🔍</span>
+            </div>
+
+            <div class="result-counts">
+                <span id="nameCount" class="result-count"></span>
+                <span id="ortCount" class="result-count"></span>
+                <span id="kundennummerCount" class="result-count"></span>
+                <span id="fachrichtungCount" class="result-count"></span>
                 <span id="generalCount" class="result-count"></span>
             </div>