From 24a869d2f433d3faddeb7d197a567673e3a670ff Mon Sep 17 00:00:00 2001
From: Gamosoft <gamosoft@users.noreply.github.com>
Date: Sun, 7 Dec 2025 10:41:11 +0100
Subject: [PATCH] fixed badge display

---
 frontend/index.html | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index 6af0926..f72782f 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1023,13 +1023,13 @@
                     <svg fill="currentColor" viewBox="0 0 20 20">
                         <path fill-rule="evenodd" d="M17.707 9.293a1 1 0 010 1.414l-7 7a1 1 0 01-1.414 0l-7-7A.997.997 0 012 10V5a3 3 0 013-3h5c.256 0 .512.098.707.293l7 7zM5 6a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/>
                     </svg>
-                    <!-- Selected tags badge -->
+                    <!-- Filtered notes badge (shows result count when tags selected) -->
                     <span 
                         x-show="selectedTags.length > 0"
                         x-cloak
                         class="absolute -top-1 -right-1 w-4 h-4 text-[9px] font-bold rounded-full flex items-center justify-center"
                         style="background-color: var(--accent-primary); color: white;"
-                        x-text="selectedTags.length"
+                        x-text="searchResults.length > 9 ? '9+' : searchResults.length"
                     ></span>
                 </button>
                 
@@ -2259,7 +2259,7 @@
             <span>Files</span>
         </button>
         <button 
-            class="mobile-bottom-tab"
+            class="mobile-bottom-tab relative"
             :class="{'active': activePanel === 'search'}"
             @click="activePanel = 'search'; mobileSidebarOpen = true;"
             aria-label="Search"
@@ -2268,9 +2268,17 @@
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
             </svg>
             <span>Search</span>
+            <!-- Search results badge -->
+            <span 
+                x-show="searchQuery.trim() && searchResults.length > 0"
+                x-cloak
+                class="absolute top-1 right-1/4 w-4 h-4 text-[9px] font-bold rounded-full flex items-center justify-center"
+                style="background-color: var(--accent-primary); color: white;"
+                x-text="searchResults.length > 9 ? '9+' : searchResults.length"
+            ></span>
         </button>
         <button 
-            class="mobile-bottom-tab"
+            class="mobile-bottom-tab relative"
             :class="{'active': activePanel === 'tags'}"
             @click="activePanel = 'tags'; mobileSidebarOpen = true;"
             aria-label="Tags"
@@ -2279,6 +2287,14 @@
                 <path fill-rule="evenodd" d="M17.707 9.293a1 1 0 010 1.414l-7 7a1 1 0 01-1.414 0l-7-7A.997.997 0 012 10V5a3 3 0 013-3h5c.256 0 .512.098.707.293l7 7zM5 6a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/>
             </svg>
             <span>Tags</span>
+            <!-- Filtered notes badge (shows result count when tags selected) -->
+            <span 
+                x-show="selectedTags.length > 0"
+                x-cloak
+                class="absolute top-1 right-1/4 w-4 h-4 text-[9px] font-bold rounded-full flex items-center justify-center"
+                style="background-color: var(--accent-primary); color: white;"
+                x-text="searchResults.length > 9 ? '9+' : searchResults.length"
+            ></span>
         </button>
         <button 
             class="mobile-bottom-tab"