From 12c41366dbb4acdbc94145844a098eb2065c505f Mon Sep 17 00:00:00 2001
From: Naveen MR <oof1lab@gmail.com>
Date: Fri, 12 Aug 2022 15:41:05 +0100
Subject: [PATCH] fix : UI improvements

---
 packages/nc-gui-v2/components.d.ts                         | 1 +
 packages/nc-gui-v2/components/tabs/auth/UserManagement.vue | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui-v2/components.d.ts b/packages/nc-gui-v2/components.d.ts
index 6f7a79d862..8f4944d7d0 100644
--- a/packages/nc-gui-v2/components.d.ts
+++ b/packages/nc-gui-v2/components.d.ts
@@ -85,6 +85,7 @@ declare module '@vue/runtime-core' {
     MdiAccountGroup: typeof import('~icons/mdi/account-group')['default']
     MdiAccountIcon: typeof import('~icons/mdi/account-icon')['default']
     MdiAccountOutline: typeof import('~icons/mdi/account-outline')['default']
+    MdiAccountPlusOutline: typeof import('~icons/mdi/account-plus-outline')['default']
     MdiAlphaA: typeof import('~icons/mdi/alpha-a')['default']
     MdiApi: typeof import('~icons/mdi/api')['default']
     MdiArrowExpand: typeof import('~icons/mdi/arrow-expand')['default']
diff --git a/packages/nc-gui-v2/components/tabs/auth/UserManagement.vue b/packages/nc-gui-v2/components/tabs/auth/UserManagement.vue
index 82b3b813b5..45644696cb 100644
--- a/packages/nc-gui-v2/components/tabs/auth/UserManagement.vue
+++ b/packages/nc-gui-v2/components/tabs/auth/UserManagement.vue
@@ -176,7 +176,7 @@ watchDebounced(searchText, () => loadUsers(), { debounce: 300, maxWait: 600 })
         </div>
       </div>
     </a-modal>
-    <div class="flex flex-row mb-4 mx-4 justify-between">
+    <div class="flex flex-row mb-4 mx-4 justify-between pb-2">
       <div class="flex w-1/3">
         <a-input v-model:value="searchText" placeholder="Filter by email">
           <template #prefix>
@@ -194,7 +194,7 @@ watchDebounced(searchText, () => loadUsers(), { debounce: 300, maxWait: 600 })
         </a-button>
         <a-button v-if="isUIAllowed('newUser')" size="middle" type="primary" ghost @click="onInvite">
           <div class="flex flex-row justify-center items-center caption capitalize space-x-1">
-            <MdiAccountOutline />
+            <MdiAccountPlusOutline class="mr-1"/>
             <div>{{ $t('activity.inviteTeam') }}</div>
           </div>
         </a-button>