Improves aligment of location components

Solves #1621

src/components/Event/FullAddressAutoComplete.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="address-autocomplete">
-    <div class="">
     <o-field
       :label-for="id"
       :message="fieldErrors"
@@ -32,7 +31,7 @@
         :id="id"
         :disabled="disabled"
         dir="auto"
-          class="!mt-0"
+        class="!mt-0 !h-full"
       >
         <template #default="{ option }">
           <p class="flex gap-1">
@@ -135,11 +134,7 @@
           </o-field>
 
           <o-field :label="t('Locality')" labelFor="localityInput">
-              <o-input
-                v-model="selected.locality"
-                id="localityInput"
-                expanded
-              />
+            <o-input v-model="selected.locality" id="localityInput" expanded />
           </o-field>
         </o-field>
 
@@ -162,9 +157,7 @@
         </o-button>
         <p>
           {{
-              t(
-                "You can drag and drop the marker below to the desired location"
-              )
+            t("You can drag and drop the marker below to the desired location")
           }}
         </p>
       </footer>
@@ -182,7 +175,6 @@
       :readOnly="false"
     />
   </div>
-  </div>
 </template>
 <script lang="ts" setup>
 import { LatLng } from "leaflet";

src/components/Home/SearchFields.vue

@@ -35,6 +35,7 @@
         <o-dropdown v-model="distance" position="bottom-right" v-if="distance">
           <template #trigger="{ active }">
             <o-button
+              class="!h-full"
               :title="t('Select distance')"
               :icon-right="active ? 'menu-up' : 'menu-down'"
             >