Design fixes

- Gap between columns
- Click on icon more closes the menu
- Fixed select height
- Focus input on new user click
- Cursor fix on select

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

1 files changed, 9 insertions, 1 deletions

diff --git a/settings/src/views/Users.vue b/settings/src/views/Users.vue
index 343bb7568d0..0f74b76e38c 100644
--- a/settings/src/views/Users.vue
+++ b/settings/src/views/Users.vue
@@ -81,6 +81,14 @@ export default {
 		}
 	},
 	methods: {
+		toggleNewUserMenu() {
+			this.showConfig.showNewUserForm = !this.showConfig.showNewUserForm;
+			if (this.showConfig.showNewUserForm) {
+				Vue.nextTick(() => {
+					window.newusername.focus();
+				});
+			}
+		},
 		getLocalstorage(key) {
 			// force initialization
 			let localConfig = this.$localStorage.get(key);
@@ -287,7 +295,7 @@ export default {
 					id:'new-user-button',
 					text: t('settings','New user'),
 					icon: 'icon-add',
-					action: () => this.showConfig.showNewUserForm=!this.showConfig.showNewUserForm
+					action: this.toggleNewUserMenu
 				},
 				items: groups
 			}