From 761c5f559a5205b19d52dabf9eea633ecbbc4af6 Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Thu, 16 Oct 2025 14:18:33 +0200
Subject: [PATCH] fix dropdwon blank space bug

---
 app/components/common/SearchSelect.vue | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/app/components/common/SearchSelect.vue b/app/components/common/SearchSelect.vue
index 31c7716..b4e8f63 100644
--- a/app/components/common/SearchSelect.vue
+++ b/app/components/common/SearchSelect.vue
@@ -39,14 +39,14 @@
           <div v-else-if="displayedOptions.length === 0" class="px-3 py-2 text-xs text-gray-500">
             {{ emptyText }}
           </div>
-          <ul v-else class="menu p-0">
+          <ul v-else class="flex flex-col">
             <li
               v-for="(option, index) in displayedOptions"
               :key="resolveValue(option) ?? index"
             >
               <button
                 type="button"
-                class="w-full text-left px-3 py-2 hover:bg-base-200 focus:bg-base-200 focus:outline-none"
+                class="flex w-full flex-col items-start gap-1 px-3 py-2 text-left hover:bg-base-200 focus:bg-base-200 focus:outline-none"
                 :class="{
                   'bg-base-200': isOptionSelected(option),
                   'bg-base-300/60': highlightedIndex === index
@@ -55,18 +55,16 @@
                 @mouseleave="highlightedIndex = -1"
                 @click="selectOption(option)"
               >
-                <div class="flex flex-col">
-                  <span class="font-medium text-sm">
-                    <slot name="option-label" :option="option">
-                      {{ resolveLabel(option) }}
-                    </slot>
-                  </span>
-                  <span v-if="resolveDescription(option)" class="text-xs text-gray-500">
-                    <slot name="option-description" :option="option">
-                      {{ resolveDescription(option) }}
-                    </slot>
-                  </span>
-                </div>
+                <span class="font-medium text-sm">
+                  <slot name="option-label" :option="option">
+                    {{ resolveLabel(option) }}
+                  </slot>
+                </span>
+                <span v-if="resolveDescription(option)" class="text-xs text-gray-500">
+                  <slot name="option-description" :option="option">
+                    {{ resolveDescription(option) }}
+                  </slot>
+                </span>
               </button>
             </li>
           </ul>