From 0a6f502037eab6cc2d1be90e9ebbfec1ea99a23d Mon Sep 17 00:00:00 2001
From: Lukas Hirt <lukashirt@mail.com>
Date: Wed, 9 Sep 2020 12:30:21 +0200
Subject: [PATCH] Fix password input alignment

---
 .../accounts/AccountsListNewAccountRow.vue    | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/ui/components/accounts/AccountsListNewAccountRow.vue b/ui/components/accounts/AccountsListNewAccountRow.vue
index 89c9ab945..2039c1465 100644
--- a/ui/components/accounts/AccountsListNewAccountRow.vue
+++ b/ui/components/accounts/AccountsListNewAccountRow.vue
@@ -20,18 +20,20 @@
             @input="checkEmail"
           />
         </label>
-        <label class="uk-flex uk-flex-middle">
-          <oc-text-input
-            :type="passwordInputType"
-            v-model="password"
-            :error-message="passwordError"
-            :placeholder="$gettext('Password')"
-            class="uk-margin-xsmall-right"
-            @input="checkPassword"
-          />
-          <oc-button variation="raw" :aria-label="$gettext('Display password')" @click="togglePasswordVisibility">
-            <oc-icon name="remove_red_eye" aria-hidden="true" size="small" />
-          </oc-button>
+        <label>
+          <div class="uk-flex uk-flex-middle">
+            <oc-text-input
+              :type="passwordInputType"
+              v-model="password"
+              :error-message="passwordError"
+              :placeholder="$gettext('Password')"
+              class="uk-margin-xsmall-right"
+              @input="checkPassword"
+            />
+            <oc-button variation="raw" :aria-label="$gettext('Display password')" @click="togglePasswordVisibility">
+              <oc-icon name="remove_red_eye" aria-hidden="true" size="small" />
+            </oc-button>
+          </div>
         </label>
         <div>
           <oc-button v-text="$gettext('Cancel')" @click="emitCancel" class="uk-margin-xsmall-right" />