From 3721faa78edfacf21da3eb34dd537ce48ee058c1 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Fri, 14 Feb 2025 17:18:31 +0100
Subject: [PATCH] Improves aligment of location components and changes
 border-color of the input to match the global component color

Solves #1621
---
 src/components/Event/FullAddressAutoComplete.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/Event/FullAddressAutoComplete.vue b/src/components/Event/FullAddressAutoComplete.vue
index db63c383a..286860cb9 100644
--- a/src/components/Event/FullAddressAutoComplete.vue
+++ b/src/components/Event/FullAddressAutoComplete.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="address-autocomplete">
     <o-field
+      id="FullAddressAutoComplete-o-field"
       :label-for="id"
       :message="fieldErrors"
       :variant="fieldErrors ? 'danger' : ''"
@@ -31,7 +32,7 @@
         :id="id"
         :disabled="disabled"
         dir="auto"
-        class="!mt-0 !h-full"
+        class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full"
       >
         <template #default="{ option }">
           <p class="flex gap-1">
@@ -503,6 +504,17 @@ const fieldErrors = computed(() => {
   }
 }
 
+// Change border-color of the input to match the global component color
+.FullAddressAutoComplete-o-autocomplete {
+  border-color: rgb(30 125 151 / var(--tw-bg-opacity));
+}
+
+// Try to remove an alignment glitch
+// https://framagit.org/framasoft/mobilizon/-/issues/1621
+#FullAddressAutoComplete-o-field .o-input__wrapper {
+  height: 100% !important;
+}
+
 .read-only {
   cursor: pointer;
 }