From 29ebd89030eef3810654c5b683c3905dc58f1222 Mon Sep 17 00:00:00 2001
From: negue <negue@users.noreply.github.com>
Date: Sun, 27 Nov 2022 23:23:02 +0100
Subject: [PATCH] fix icon size + fix display name valid checks

---
 .../settings/inlineSettings/displayNameSetting.vue   | 12 ++++++++++--
 .../settings/inlineSettings/userEmailSetting.vue     |  4 ++--
 .../settings/inlineSettings/userNameSetting.vue      |  4 ++--
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/website/client/src/pages/settings/inlineSettings/displayNameSetting.vue b/website/client/src/pages/settings/inlineSettings/displayNameSetting.vue
index baaf582a5e..d11d77aa8d 100644
--- a/website/client/src/pages/settings/inlineSettings/displayNameSetting.vue
+++ b/website/client/src/pages/settings/inlineSettings/displayNameSetting.vue
@@ -168,15 +168,23 @@ export default {
     },
     displayNameInvalid () {
       if (this.temporaryDisplayName.length <= 1) {
-        return false;
+        return true;
       }
 
-      return true;
+      return this.displayNameIssues.length !== 0;
     },
     displayNameCannotSubmit () {
       return this.displayNameInvalid || !this.inputChanged;
     },
   },
+  watch: {
+    temporaryDisplayName: {
+      handler () {
+        this.validateDisplayName(this.temporaryDisplayName);
+      },
+      deep: true,
+    },
+  },
   mounted () {
     this.restoreDisplayName();
   },
diff --git a/website/client/src/pages/settings/inlineSettings/userEmailSetting.vue b/website/client/src/pages/settings/inlineSettings/userEmailSetting.vue
index 448f9c7bd3..42c0ad86fb 100644
--- a/website/client/src/pages/settings/inlineSettings/userEmailSetting.vue
+++ b/website/client/src/pages/settings/inlineSettings/userEmailSetting.vue
@@ -116,8 +116,8 @@ input {
 }
 
 .check-icon {
-  width: 12px;
-  height: 10px;
+  width: 16px;
+  height: 16px;
   color: $green-50;
 }
 
diff --git a/website/client/src/pages/settings/inlineSettings/userNameSetting.vue b/website/client/src/pages/settings/inlineSettings/userNameSetting.vue
index 7c9a978c2f..7993de2d4c 100644
--- a/website/client/src/pages/settings/inlineSettings/userNameSetting.vue
+++ b/website/client/src/pages/settings/inlineSettings/userNameSetting.vue
@@ -120,8 +120,8 @@ input {
 }
 
 .check-icon {
-  width: 12px;
-  height: 10px;
+  width: 16px;
+  height: 16px;
   color: $green-50;
 }