From 99a64e70033e898760df32286dff9a51e4382086 Mon Sep 17 00:00:00 2001
From: GretaD <gretadoci@gmail.com>
Date: Tue, 17 Dec 2019 23:22:00 +0100
Subject: [PATCH] fix userlist alignment

Signed-off-by: GretaD <gretadoci@gmail.com>
---
 apps/settings/css/settings.scss           |  6 +++++-
 apps/settings/src/components/UserList.vue | 20 ++++++++++----------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index 47a035016ad..a818d1f5d14 100644
--- a/apps/settings/css/settings.scss
+++ b/apps/settings/css/settings.scss
@@ -1430,7 +1430,11 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 			}
 			// separate prop to set initial value to top: 50px
 			&#new-user {
-				top: $header-height + $grid-row-height;
+			  top: $header-height + $grid-row-height;
+			  height: 90px;
+			  .row {
+				padding-top: 50px;
+			  }
 			}
 			&#grid-header {
 				color: var(--color-text-maxcontrast);
diff --git a/apps/settings/src/components/UserList.vue b/apps/settings/src/components/UserList.vue
index 0fb1d09fbf7..40d88007f85 100644
--- a/apps/settings/src/components/UserList.vue
+++ b/apps/settings/src/components/UserList.vue
@@ -96,16 +96,16 @@
 					pattern="[a-zA-Z0-9 _\.@\-']+"
 					required
 					type="text">
-			</div>
-			<div class="displayName">
-				<input id="newdisplayname"
-					v-model="newUser.displayName"
-					:placeholder="t('settings', 'Display name')"
-					autocapitalize="none"
-					autocomplete="off"
-					autocorrect="off"
-					name="displayname"
-					type="text">
+				<div class="displayName">
+					<input id="newdisplayname"
+						v-model="newUser.displayName"
+						:placeholder="t('settings', 'Display name')"
+						autocapitalize="none"
+						autocomplete="off"
+						autocorrect="off"
+						name="displayname"
+						type="text">
+				</div>
 			</div>
 			<div class="password">
 				<input id="newuserpassword"
-- 
2.39.5