From 458f66818a400f181e2c6326ede077c8793d71f2 Mon Sep 17 00:00:00 2001
From: Bernd Storath <999999bst@gmail.com>
Date: Mon, 12 Jan 2026 12:04:50 +0100
Subject: [PATCH] fix search magnifying icon

---
 src/app/components/Clients/Search.vue        | 4 ++--
 src/app/components/Icons/MagnifyingGlass.vue | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 src/app/components/Icons/MagnifyingGlass.vue

diff --git a/src/app/components/Clients/Search.vue b/src/app/components/Clients/Search.vue
index f55e8084..94ebbe46 100644
--- a/src/app/components/Clients/Search.vue
+++ b/src/app/components/Clients/Search.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="relative w-60 md:mr-2">
     <div class="relative flex h-full items-center">
-      <MagnifyingGlassIcon
+      <IconsMagnifyingGlass
         class="absolute left-2.5 h-4 w-4 text-gray-400 dark:text-neutral-500"
       />
       <input
         v-model="searchQuery"
         type="text"
         :placeholder="$t('client.search')"
-        class="w-full rounded bg-white py-2 pr-8 text-sm text-gray-900 shadow-sm ring-1 ring-gray-300 transition-all placeholder:text-gray-400 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-red-600 dark:bg-neutral-800 dark:text-white dark:ring-neutral-700 dark:placeholder:text-neutral-500 dark:focus:ring-red-700"
+        class="w-full rounded bg-white px-8 py-2 text-sm text-gray-900 shadow-sm ring-1 ring-gray-300 transition-all placeholder:text-gray-400 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-red-600 dark:bg-neutral-800 dark:text-white dark:ring-neutral-700 dark:placeholder:text-neutral-500 dark:focus:ring-red-700"
         @input="updateSearch"
       />
       <button
diff --git a/src/app/components/Icons/MagnifyingGlass.vue b/src/app/components/Icons/MagnifyingGlass.vue
new file mode 100644
index 00000000..750c8044
--- /dev/null
+++ b/src/app/components/Icons/MagnifyingGlass.vue
@@ -0,0 +1,7 @@
+<template>
+  <MagnifyingGlassIcon />
+</template>
+
+<script lang="ts" setup>
+import MagnifyingGlassIcon from '@heroicons/vue/24/outline/esm/MagnifyingGlassIcon';
+</script>