From 4448dac65296be361160b76088b303afacf428d0 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Wed, 7 Aug 2024 17:58:38 +0000
Subject: [PATCH] fix(nc-gui): link field modal gap issue

---
 .../column/LinkedToAnotherRecordOptions.vue   | 74 +++++++++----------
 1 file changed, 37 insertions(+), 37 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
index ac9eab2edc..115ce60676 100644
--- a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
@@ -316,48 +316,48 @@ const onFilterLabelClick = () => {
       </a-form-item>
     </template>
 
-    <template v-if="isEeUI">
       <div class="flex flex-col gap-2">
-        <div class="flex gap-2 items-center">
-          <a-switch
-            v-model:checked="limitRecToView"
-            v-e="['c:link:limit-record-by-view', { status: limitRecToView }]"
-            size="small"
-            :disabled="!vModel.childId && !(vModel.is_custom_link && vModel.custom?.ref_model_id)"
-            @change="onLimitRecToViewChange"
-          ></a-switch>
-          <span
-            v-e="['c:link:limit-record-by-view', { status: limitRecToView }]"
-            class="text-s"
-            data-testid="nc-limit-record-view"
-            @click="onViewLabelClick"
-            >Limit record selection to a view</span
-          >
-        </div>
-        <a-form-item v-if="limitRecToView" class="!pl-8 flex w-full pb-2 mt-4 space-y-2 nc-ltar-child-view">
-          <NcSelect
-            v-model:value="vModel.childViewId"
-            :placeholder="$t('labels.selectView')"
-            show-search
-            :filter-option="filterOption"
-            dropdown-class-name="nc-dropdown-ltar-child-view"
-          >
-            <a-select-option v-for="view of refViews" :key="view.title" :value="view.id">
-              <div class="flex w-full items-center gap-2">
-                <div class="min-w-5 flex items-center justify-center">
-                  <GeneralViewIcon :meta="view" class="text-gray-500" />
-                </div>
+      <div class="flex gap-2 items-center">
+        <a-switch
+          v-model:checked="limitRecToView"
+          v-e="['c:link:limit-record-by-view', { status: limitRecToView }]"
+          size="small"
+          :disabled="!vModel.childId && !(vModel.is_custom_link && vModel.custom?.ref_model_id)"
+          @change="onLimitRecToViewChange"
+        ></a-switch>
+        <span
+          v-e="['c:link:limit-record-by-view', { status: limitRecToView }]"
+          class="text-s"
+          data-testid="nc-limit-record-view"
+          @click="onViewLabelClick"
+          >Limit record selection to a view</span
+        >
+      </div>
+      <a-form-item v-if="limitRecToView" class="!pl-8 flex w-full pb-2 mt-4 space-y-2 nc-ltar-child-view">
+        <NcSelect
+          v-model:value="vModel.childViewId"
+          :placeholder="$t('labels.selectView')"
+          show-search
+          :filter-option="filterOption"
+          dropdown-class-name="nc-dropdown-ltar-child-view"
+        >
+          <a-select-option v-for="view of refViews" :key="view.title" :value="view.id">
+            <div class="flex w-full items-center gap-2">
+              <div class="min-w-5 flex items-center justify-center">
+                <GeneralViewIcon :meta="view" class="text-gray-500" />
+              </div>
                 <span v-if="view.is_default">{{ $t('labels.defaultView') }}</span>
                 <NcTooltip v-else class="flex-1 truncate" show-on-truncate-only>
-                  <template #title>{{ view.title }}</template>
-                  <span>{{ view.title }}</span>
-                </NcTooltip>
-              </div>
-            </a-select-option>
-          </NcSelect>
-        </a-form-item>
+                <template #title>{{ view.title }}</template>
+                <span>{{ view.title }}</span>
+              </NcTooltip>
+            </div>
+          </a-select-option>
+        </NcSelect>
+      </a-form-item>
       </div>
 
+    <template v-if="isEeUI">
       <div class="flex flex-col gap-2">
         <div class="flex gap-2 items-center">
           <a-switch