From 60d615010545be5345e3400abf227df1b75859e3 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Tue, 8 Oct 2024 10:50:46 +0200
Subject: [PATCH] input styling

---
 src/components/Header.vue                     |  2 +-
 .../admin/club/protocol/ProtocolPrecense.vue  | 22 ++++++++-----------
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index de1360a..ac72cc8 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,5 +1,5 @@
 <template>
-  <header class="flex flex-row h-16 justify-between p-3 md:px-5 bg-white shadow-sm">
+  <header class="flex flex-row h-16 min-h-16 justify-between p-3 md:px-5 bg-white shadow-sm">
     <RouterLink to="/" class="flex flex-row gap-2 align-bottom w-fit h-full">
       <img src="/FFW-Logo.svg" alt="LOGO" class="h-full w-auto" />
       <h1 v-if="false" class="font-bold text-3xl w-fit whitespace-nowrap">Mitgliederverwaltung</h1>
diff --git a/src/views/admin/club/protocol/ProtocolPrecense.vue b/src/views/admin/club/protocol/ProtocolPrecense.vue
index 092fc93..581ed53 100644
--- a/src/views/admin/club/protocol/ProtocolPrecense.vue
+++ b/src/views/admin/club/protocol/ProtocolPrecense.vue
@@ -4,19 +4,15 @@
     <p v-else-if="loadingActive == 'failed'" @click="" class="cursor-pointer">&#8634; laden fehlgeschlagen</p>
     <div class="w-full">
       <Combobox v-model="selected" multiple>
+        <ComboboxLabel>Anwesende suchen</ComboboxLabel>
         <div class="relative mt-1">
-          <ComboboxLabel>Anwesende suchen</ComboboxLabel>
-          <div
-            class="relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-white/75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 sm:text-sm"
-          >
-            <ComboboxInput
-              class="w-full border-none py-2 pl-3 pr-10 text-sm leading-5 text-gray-900 focus:ring-0"
-              @input="query = $event.target.value"
-            />
-            <ComboboxButton class="absolute inset-y-0 right-0 flex items-center pr-2">
-              <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
-            </ComboboxButton>
-          </div>
+          <ComboboxInput
+            class="rounded-md shadow-sm relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-0 focus:z-10 sm:text-sm resize-none"
+            @input="query = $event.target.value"
+          />
+          <ComboboxButton class="absolute inset-y-0 right-0 flex items-center pr-2">
+            <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
+          </ComboboxButton>
           <TransitionRoot
             leave="transition ease-in duration-100"
             leaveFrom="opacity-100"
@@ -24,7 +20,7 @@
             @after-leave="query = ''"
           >
             <ComboboxOptions
-              class="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm"
+              class="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-md ring-1 ring-black/5 focus:outline-none sm:text-sm"
             >
               <ComboboxOption v-if="filtered.length === 0" as="template" disabled>
                 <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">