From 4946f89355d3ff7f85160ca7ba27370d5d1ca609 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 29 Sep 2022 18:57:55 +0800
Subject: [PATCH] fix(nc-gui): more on cell styles

---
 packages/nc-gui/components/cell/SingleSelect.vue   | 1 -
 packages/nc-gui/components/smartsheet/Kanban.vue   | 3 ++-
 packages/nc-gui/components/virtual-cell/Lookup.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
index 5d492bd3b1..1511f04625 100644
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/packages/nc-gui/components/cell/SingleSelect.vue
@@ -75,7 +75,6 @@ watch(isOpen, (n, _o) => {
     :open="isOpen"
     :disabled="readOnly"
     :show-arrow="!readOnly && (active || vModel === null)"
-    :class="{ '!ml-[-12px]': readOnly }"
     dropdown-class-name="nc-dropdown-single-select-cell"
     @select="isOpen = false"
     @keydown="handleKeys"
diff --git a/packages/nc-gui/components/smartsheet/Kanban.vue b/packages/nc-gui/components/smartsheet/Kanban.vue
index 12132471d2..9785bc69cd 100644
--- a/packages/nc-gui/components/smartsheet/Kanban.vue
+++ b/packages/nc-gui/components/smartsheet/Kanban.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import Draggable from 'vuedraggable'
-import { isVirtualCol } from 'nocodb-sdk'
+import { UITypes, isVirtualCol } from 'nocodb-sdk'
 import {
   ActiveViewInj,
   FieldsInj,
@@ -381,6 +381,7 @@ watch(
                                 <div
                                   v-if="!isRowEmpty(record, col)"
                                   class="flex flex-row w-full items-center justify-start pl-[6px]"
+                                  :class="{ '!ml-[-12px]': col.uidt === UITypes.SingleSelect }"
                                 >
                                   <LazySmartsheetVirtualCell
                                     v-if="isVirtualCol(col)"
diff --git a/packages/nc-gui/components/virtual-cell/Lookup.vue b/packages/nc-gui/components/virtual-cell/Lookup.vue
index 0cb9ca580c..5f2530d9f2 100644
--- a/packages/nc-gui/components/virtual-cell/Lookup.vue
+++ b/packages/nc-gui/components/virtual-cell/Lookup.vue
@@ -49,7 +49,7 @@ const lookupColumnMetaProps = useColumn(lookupColumn)
 </script>
 
 <template>
-  <div class="h-full flex gap-1">
+  <div class="h-full flex gap-1 overflow-x-auto p-1">
     <template v-if="lookupColumn">
       <!-- Render virtual cell -->
       <div v-if="isVirtualCol(lookupColumn)">