From 82658fd1aa109becebc20f455f63df0fad4c88c6 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Tue, 20 Jun 2023 00:15:02 +0530
Subject: [PATCH] refactor: central align icon and label

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/smartsheet/column/LookupOptions.vue   | 2 ++
 .../nc-gui/components/smartsheet/column/RollupOptions.vue   | 6 ++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/LookupOptions.vue b/packages/nc-gui/components/smartsheet/column/LookupOptions.vue
index b65d9847c7..764f6689ee 100644
--- a/packages/nc-gui/components/smartsheet/column/LookupOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/LookupOptions.vue
@@ -108,8 +108,10 @@ const cellIcon = (column: ColumnType) =>
           @change="onDataTypeChange"
         >
           <a-select-option v-for="(column, index) of columns" :key="index" :value="column.id">
+            <div class="flex items-center -ml-1">
             <component :is="cellIcon(column)" :column-meta="column" />
             {{ column.title }}
+            </div>
           </a-select-option>
         </a-select>
       </a-form-item>
diff --git a/packages/nc-gui/components/smartsheet/column/RollupOptions.vue b/packages/nc-gui/components/smartsheet/column/RollupOptions.vue
index 1db4d8dd40..25b9aa5046 100644
--- a/packages/nc-gui/components/smartsheet/column/RollupOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/RollupOptions.vue
@@ -118,9 +118,11 @@ const cellIcon = (column: ColumnType) =>
           @change="onDataTypeChange"
         >
           <a-select-option v-for="(column, index) of columns" :key="index" :value="column.id">
-            <component :is="cellIcon(column)" :column-meta="column" />
+            <div class="flex items-center -ml-1">
+              <component :is="cellIcon(column)" :column-meta="column" />
 
-            {{ column.title }}
+              {{ column.title }}
+            </div>
           </a-select-option>
         </a-select>
       </a-form-item>