From 0beba81f751d1b1bf582082d1ed6044f817e0ab3 Mon Sep 17 00:00:00 2001
From: musharaf-nocodb <musharaf@nocodb.com>
Date: Fri, 8 Dec 2023 10:59:45 +0530
Subject: [PATCH] fix : fixed spacing in fields menu

---
 .../smartsheet/column/AdvancedOptions.vue        | 16 ++++++++++++----
 .../components/smartsheet/column/EditOrAdd.vue   |  2 +-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/AdvancedOptions.vue b/packages/nc-gui/components/smartsheet/column/AdvancedOptions.vue
index 16cb04529f..10f12ed8ca 100644
--- a/packages/nc-gui/components/smartsheet/column/AdvancedOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/AdvancedOptions.vue
@@ -73,9 +73,12 @@ vModel.value.au = !!vModel.value.au */
       </div>
 
       <a-form-item :label="$t('labels.databaseType')" v-bind="validateInfos.dt">
-        <a-select v-model:value="vModel.dt" dropdown-class-name="nc-dropdown-db-type " @change="onDataTypeChange">
+        <a-select v-model:value="vModel.dt" dropdown-class-name="nc-dropdown-db-type " class="!mt-0.5" @change="onDataTypeChange">
           <a-select-option v-for="type in dataTypes" :key="type" :value="type">
-            {{ type }}
+            <div class="flex gap-2 items-center justify-between">
+              {{ type }}
+              <component :is="iconMap.check" v-if="vModel.dt === type" id="nc-selected-item-icon" class="text-primary w-4 h-4" />
+            </div>
           </a-select-option>
         </a-select>
       </a-form-item>
@@ -83,14 +86,19 @@ vModel.value.au = !!vModel.value.au */
       <a-form-item v-if="!hideLength" :label="$t('labels.lengthValue')">
         <a-input
           v-model:value="vModel.dtxp"
-          class="!rounded-md"
+          class="!rounded-md !mt-0.5"
           :disabled="sqlUi.getDefaultLengthIsDisabled(vModel.dt) || !sqlUi.columnEditable(vModel)"
           @input="onAlter"
         />
       </a-form-item>
 
       <a-form-item v-if="sqlUi.showScale(vModel)" label="Scale">
-        <a-input v-model:value="vModel.dtxs" class="!rounded-md" :disabled="!sqlUi.columnEditable(vModel)" @input="onAlter" />
+        <a-input
+          v-model:value="vModel.dtxs"
+          class="!rounded-md !mt-0.5"
+          :disabled="!sqlUi.columnEditable(vModel)"
+          @input="onAlter"
+        />
       </a-form-item>
 
       <LazySmartsheetColumnPgBinaryOptions v-if="isPg(meta?.source_id) && vModel.dt === 'bytea'" v-model:value="vModel" />
diff --git a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
index e893c37c38..9cf663e4e4 100644
--- a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
+++ b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
@@ -280,7 +280,7 @@ if (props.fromTableExplorer) {
               </template>
               <a-select-option v-for="opt of uiTypesOptions" :key="opt.name" :value="opt.name" v-bind="validateInfos.uidt">
                 <div class="flex gap-2 items-center">
-                  <component :is="opt.icon" class="text-gray-700 mx-1" />
+                  <component :is="opt.icon" class="text-gray-700" />
                   <div class="flex-1">{{ opt.name }}</div>
                   <span v-if="opt.deprecated" class="!text-xs !text-gray-300">({{ $t('general.deprecated') }})</span>
                   <component