From ec2f41814c89062b1f8e5356f477aba73df2bec7 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Sat, 17 Jul 2021 11:08:34 +0200
Subject: [PATCH] input css clear :)

---
 frontend/src/components/Inputs/InputEmail.vue | 30 +++++++++----------
 .../src/components/Inputs/InputPassword.vue   |  6 +++-
 frontend/src/views/Pages/Register.vue         | 12 ++++++--
 3 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/Inputs/InputEmail.vue b/frontend/src/components/Inputs/InputEmail.vue
index 41338fd8c..b83d25fdb 100644
--- a/frontend/src/components/Inputs/InputEmail.vue
+++ b/frontend/src/components/Inputs/InputEmail.vue
@@ -6,22 +6,20 @@
     v-slot="{ errors, valid, validated, ariaInput, ariaMsg }"
   >
     <b-form-group :label="label" :label-for="labelFor">
-      <b-input-group>
-        <b-form-input
-          v-model="currentValue"
-          v-bind="ariaInput"
-          :id="labelFor"
-          :name="name"
-          :placeholder="placeholder"
-          type="email"
-          :state="validated ? valid : false"
-          trim
-          class="email-form-input"
-        ></b-form-input>
-        <b-form-invalid-feedback v-bind="ariaMsg">
-          {{ errors[0] }}
-        </b-form-invalid-feedback>
-      </b-input-group>
+      <b-form-input
+        v-model="currentValue"
+        v-bind="ariaInput"
+        :id="labelFor"
+        :name="name"
+        :placeholder="placeholder"
+        type="email"
+        :state="validated ? valid : false"
+        trim
+        class="email-form-input"
+      ></b-form-input>
+      <b-form-invalid-feedback v-bind="ariaMsg">
+        {{ errors[0] }}
+      </b-form-invalid-feedback>
     </b-form-group>
   </validation-provider>
 </template>
diff --git a/frontend/src/components/Inputs/InputPassword.vue b/frontend/src/components/Inputs/InputPassword.vue
index 6b72f0b01..15ce116c9 100644
--- a/frontend/src/components/Inputs/InputPassword.vue
+++ b/frontend/src/components/Inputs/InputPassword.vue
@@ -19,7 +19,11 @@
           :state="validated ? valid : false"
         ></b-form-input>
         <b-input-group-append>
-          <b-button variant="outline-primary" @click="toggleShowPassword">
+          <b-button
+            variant="outline-light"
+            @click="toggleShowPassword"
+            class="border-left-0 rounded-right"
+          >
             <b-icon :icon="showPassword ? 'eye' : 'eye-slash'" />
           </b-button>
         </b-input-group-append>
diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index 7f475ebae..f8a018a6e 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -121,7 +121,11 @@
                         ></b-form-input>
 
                         <b-input-group-append>
-                          <b-button variant="outline-primary" @click="togglePasswordVisibility">
+                          <b-button
+                            variant="outline-light"
+                            @click="togglePasswordVisibility"
+                            class="border-left-0"
+                          >
                             <b-icon :icon="passwordVisible ? 'eye' : 'eye-slash'" />
                           </b-button>
                         </b-input-group-append>
@@ -147,7 +151,11 @@
                       ></b-form-input>
 
                       <b-input-group-append>
-                        <b-button variant="outline-primary" @click="togglePasswordRepeatVisibility">
+                        <b-button
+                          variant="outline-light"
+                          @click="togglePasswordRepeatVisibility"
+                          class="border-left-0"
+                        >
                           <b-icon :icon="passwordVisibleRepeat ? 'eye' : 'eye-slash'" />
                         </b-button>
                       </b-input-group-append>