From c9ad65ac370755b5f61b72e737fd4b1fdb1e59fc Mon Sep 17 00:00:00 2001
From: Chetan Verma <chetan61verma@gmail.com>
Date: Mon, 26 Sep 2022 03:45:08 +0530
Subject: [PATCH] fix(nc-gui): adding min-w-4 to icons in gallery view drawer

---
 .../components/smartsheet/expanded-form/Header.vue    | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index 86604edfaa..e9f0763f35 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -67,6 +67,7 @@ const copyRecordUrl = () => {
         {{ table }}
       </template>
       -->
+
       <template v-if="primaryValue">: {{ primaryValue }}</template>
     </h5>
 
@@ -75,14 +76,18 @@ const copyRecordUrl = () => {
       <template #title>
         <div class="text-center w-full">{{ $t('general.reload') }}</div>
       </template>
-      <mdi-reload v-if="!isNew" class="cursor-pointer select-none text-gray-500 mx-1" @click="loadRow" />
+      <mdi-reload v-if="!isNew" class="cursor-pointer select-none text-gray-500 mx-1 min-w-4" @click="loadRow" />
     </a-tooltip>
     <a-tooltip placement="bottom">
       <template #title>
         <!-- todo: i18n -->
         <div class="text-center w-full">Copy record URL</div>
       </template>
-      <mdi-link v-if="!isNew" class="cursor-pointer select-none text-gray-500 mx-1 nc-copy-row-url" @click="copyRecordUrl" />
+      <mdi-link
+        v-if="!isNew"
+        class="cursor-pointer select-none text-gray-500 mx-1 nc-copy-row-url min-w-4"
+        @click="copyRecordUrl"
+      />
     </a-tooltip>
     <a-tooltip v-if="!isSqlView" placement="bottom">
       <!--      Toggle comments draw -->
@@ -92,7 +97,7 @@ const copyRecordUrl = () => {
       <MdiCommentTextOutline
         v-if="isUIAllowed('rowComments') && !isNew"
         v-e="['c:row-expand:comment-toggle']"
-        class="cursor-pointer select-none nc-toggle-comments text-gray-500 mx-1"
+        class="cursor-pointer select-none nc-toggle-comments text-gray-500 mx-1 min-w-4"
         @click="commentsDrawer = !commentsDrawer"
       />
     </a-tooltip>