From deb4eea2f25e7c319f37028d73a42407a07d28c1 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 2 Sep 2022 16:36:57 +0530
Subject: [PATCH] fix(gui-v2): provide proper width for lookup items

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui-v2/components/virtual-cell/Lookup.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui-v2/components/virtual-cell/Lookup.vue b/packages/nc-gui-v2/components/virtual-cell/Lookup.vue
index f03af228e8..a3c34dabc5 100644
--- a/packages/nc-gui-v2/components/virtual-cell/Lookup.vue
+++ b/packages/nc-gui-v2/components/virtual-cell/Lookup.vue
@@ -37,7 +37,7 @@ const lookupColumnMetaProps = useColumn(lookupColumn)
 </script>
 
 <template>
-  <div class="w-full h-full flex gap-1">
+  <div class=" h-full flex gap-1">
     <template v-if="lookupColumn">
       <!-- Render virtual cell -->
       <div v-if="isVirtualCol(lookupColumn)">
@@ -62,7 +62,8 @@ const lookupColumnMetaProps = useColumn(lookupColumn)
         <div
           v-for="(v, i) of arrValue"
           :key="i"
-          :class="{ 'bg-gray-100 px-2 rounded-full': !lookupColumnMetaProps.isAttachment }"
+          class="min-w-max"
+          :class="{ 'bg-gray-100 px-1 rounded-full flex-1': !lookupColumnMetaProps.isAttachment , ' border-gray-200 rounded border-1' : ![UITypes.Attachment, UITypes.MultiSelect, UITypes.SingleSelect].includes(lookupColumn.uidt) }"
         >
           <SmartsheetCell :model-value="v" :column="lookupColumn" :edit-enabled="false" :virtual="true" />
         </div>