fix userlist alignment

Signed-off-by: GretaD <gretadoci@gmail.com>

diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index 47a035016add020b42941f00cb0c9da499ac5a97..a818d1f5d1492d9660a0edc53e7586fccbd57216 100644 (file)
--- 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 0fb1d09fbf72387b8317120dad5a6e8349a5628f..40d88007f8578c47da78966c3bf8bbb76ad647ec 100644 (file)
--- 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"