From a33face736be619e4f037a7d0da3dc68bc7779e3 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Sun, 29 Dec 2024 13:35:32 +0100
Subject: [PATCH] fix(style): Password Input remove styles and indent

---
 front/src/components/forms/PasswordInput.vue | 40 +++++++-------------
 1 file changed, 14 insertions(+), 26 deletions(-)

diff --git a/front/src/components/forms/PasswordInput.vue b/front/src/components/forms/PasswordInput.vue
index a005d3c1f..e0348a1db 100644
--- a/front/src/components/forms/PasswordInput.vue
+++ b/front/src/components/forms/PasswordInput.vue
@@ -56,33 +56,21 @@ const copyPassword = () => {
       name="password"
       :type="passwordInputType"
     >
-    <template #input-right>
-      <Button
-        :title="labels.title"
-        icon="bi-eye"
-        @click.prevent="showPassword = !showPassword"
-      >
-      </Button>
-      <Button
-        v-if="copyButton && canCopy"
-        icon="bi-copy"
-        :title="labels.copy"
-        @click.prevent="copyPassword"
-      >
-      </Button>
+      <template #input-right>
+        <Button
+          :title="labels.title"
+          icon="bi-eye"
+          @click.prevent="showPassword = !showPassword"
+        >
+        </Button>
+        <Button
+          v-if="copyButton && canCopy"
+          icon="bi-copy"
+          :title="labels.copy"
+          @click.prevent="copyPassword"
+        >
+        </Button>
       </template>
     </Input>
   </div>
 </template>
-
-<style>
-input#password-field {
-  outline: none;
-}
-
-label#password-field .input-right .button,
-label#password-field .input-right .button:hover {
-  background-color: transparent !important;
-  border: none !important;
-}
-</style>