From 073a673d7c0c9185111ee60782fd0f191870d50c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 16 Jul 2024 08:05:56 +0200
Subject: [PATCH] feat: improve styles of multiselect form type

---
 templates/forms.html.twig | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/forms.html.twig b/templates/forms.html.twig
index 48deb0e..b1929b1 100644
--- a/templates/forms.html.twig
+++ b/templates/forms.html.twig
@@ -222,9 +222,9 @@
     <div class="relative" {{ stimulus_controller('multiselect', { 'placeholder': form.vars.empty_label }) }}>
         <div {{ stimulus_action('multiselect', 'toggle', 'click')}}
              role="button"
-             class="relative rounded-md border border-gray-300 flex items-center space-x-2 px-3">
-            <div {{ stimulus_target('multiselect', 'label') }} class="flex-1 h-8 py-1.5 text-gray-900 text-sm overflow-hidden whitespace-nowrap"></div>
-            {{ icon('dots', 'w-4 h-4') }}
+             class="relative rounded-md border border-gray-300 flex items-start space-x-2 px-3">
+            <div {{ stimulus_target('multiselect', 'label') }} class="flex-1 min-h-8 py-1.5 text-gray-900 text-sm"></div>
+            {{ icon('dots', 'w-4 h-4 mt-2') }}
         </div>
         <div {{ stimulus_target('multiselect', 'dropdown')}} class="absolute z-10 top-full -mt-1.5 left-0 inset-x-0 px-3 py-2 bg-white shadow-lg rounded-md rounded-t-none border border-gray-300 border-t-0 hidden">
             {% for item in form.children %}