fix(gui): align pagination arrows center

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/general/ShareBaseButton.vue

@@ -44,10 +44,10 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
           <span class="text-xs">{{ $t('activity.inviteTeam') }}</span>
         </template>
         <a-button type="primary" class="!rounded-md mr-1" size="medium">
-        <div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold ">
+          <div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold">
-          <MdiAccountPlusOutline class="mr-1 nc-share-base text-gray-300 hover:text-accent" />
+            <MdiAccountPlusOutline class="mr-1 nc-share-base hover:text-accent text-sm" />
-          Share
+            Share
-        </div>
+          </div>
         </a-button>
       </a-tooltip>
     </div>

packages/nc-gui/components/smartsheet/Pagination.vue

@@ -59,6 +59,6 @@ const page = computed({
 }
 
 :deep(.ant-pagination-item-link) {
-  @apply text-gray-500;
+  @apply text-gray-500 flex items-center justify-center;
 }
 </style>

packages/nc-gui/components/smartsheet/sidebar/toolbar/ToggleDrawer.vue

@@ -11,7 +11,7 @@ const onClick = () => {
 <template>
   <div :class="{ 'nc-active-btn': isOpen }">
     <a-button size="small" class="nc-toggle-right-navbar" @click="onClick">
-      <div class="flex items-center gap-1 text-xs text-gray-500" :class="{ 'text-gray-500': !isOpen }">
+      <div class="flex items-center gap-1 text-[0.6rem] text-gray-500" :class="{ 'text-gray-500': !isOpen }">
         <AntDesignMenuUnfoldOutlined v-if="isOpen" />
 
         <AntDesignMenuFoldOutlined v-else />