From 8059826082301dff5afa1309b137787fd10e22aa Mon Sep 17 00:00:00 2001
From: Naveen MR <oof1lab@gmail.com>
Date: Sun, 14 Aug 2022 10:43:49 +0100
Subject: [PATCH] fix : UI improvements

---
 packages/nc-gui-v2/components.d.ts                            | 1 +
 packages/nc-gui-v2/components/smartsheet/Grid.vue             | 4 ++--
 packages/nc-gui-v2/components/smartsheet/Pagination.vue       | 2 +-
 .../nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue | 4 ++--
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui-v2/components.d.ts b/packages/nc-gui-v2/components.d.ts
index a70885e604..aa6f02d413 100644
--- a/packages/nc-gui-v2/components.d.ts
+++ b/packages/nc-gui-v2/components.d.ts
@@ -136,6 +136,7 @@ declare module '@vue/runtime-core' {
     MdiNumeric: typeof import('~icons/mdi/numeric')['default']
     MdiOpenInNew: typeof import('~icons/mdi/open-in-new')['default']
     MdiPlus: typeof import('~icons/mdi/plus')['default']
+    MdiPlusIconOutline: typeof import('~icons/mdi/plus-icon-outline')['default']
     MdiPlusOutline: typeof import('~icons/mdi/plus-outline')['default']
     MdiReload: typeof import('~icons/mdi/reload')['default']
     MdiSearch: typeof import('~icons/mdi/search')['default']
diff --git a/packages/nc-gui-v2/components/smartsheet/Grid.vue b/packages/nc-gui-v2/components/smartsheet/Grid.vue
index ca55ff15ce..c7d8d54c1a 100644
--- a/packages/nc-gui-v2/components/smartsheet/Grid.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Grid.vue
@@ -430,8 +430,8 @@ const expandForm = (row: Row, state: Record<string, any>) => {
                 class="text-left pointer nc-grid-add-new-cell"
                 @click="addEmptyRow()"
               >
-                <div class="px-2 w-full flex items-center">
-                  <MdiPlus class="text-pint-500 text-xs" />
+                <div class="px-2 w-full flex items-center text-gray-500">
+                  <MdiPlus class="text-pint-500 text-xs ml-2" />
 
                   <span class="ml-1">
                     {{ $t('activity.addRow') }}
diff --git a/packages/nc-gui-v2/components/smartsheet/Pagination.vue b/packages/nc-gui-v2/components/smartsheet/Pagination.vue
index 3c711d0e15..cc4d7af99e 100644
--- a/packages/nc-gui-v2/components/smartsheet/Pagination.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Pagination.vue
@@ -19,7 +19,7 @@ const page = computed({
 
 <template>
   <div class="flex items-center">
-    <span v-if="count !== null && count !== Infinity" class="caption ml-2 text-gray-500">
+    <span v-if="count !== null && count !== Infinity" class="caption ml-5 text-gray-500">
       {{ count }} record{{ count !== 1 ? 's' : '' }}
     </span>
 
diff --git a/packages/nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue
index f659ea0410..0e8ddc6124 100644
--- a/packages/nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue
@@ -3,7 +3,7 @@ import type { TabItem } from '~/composables'
 import { TabType } from '~/composables'
 import { TabMetaInj } from '~/context'
 import { useTabs, useUIPermission } from '#imports'
-import MdiPlusIcon from '~icons/mdi/plus'
+import MdiPlusBoxOutline from '~icons/mdi/plus-box-outline'
 import MdiTableIcon from '~icons/mdi/table'
 import MdiCsvIcon from '~icons/mdi/file-document-outline'
 import MdiExcelIcon from '~icons/mdi/file-excel'
@@ -61,7 +61,7 @@ const icon = (tab: TabItem) => {
               <a-sub-menu key="addORImport">
                 <template #title>
                   <div class="text-sm flex items-center gap-2 pt-[8px] pb-3">
-                    <MdiPlusIcon />
+                    <MdiPlusBoxOutline/>
                     Add / Import
                   </div>
                 </template>