From 103e52c6d7828bc41e106fc65469b7a007dd2d6d Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 16 Sep 2022 14:32:54 +0800
Subject: [PATCH] feat(nc-gui): style on kanban card

---
 packages/nc-gui/components/smartsheet/Kanban.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Kanban.vue b/packages/nc-gui/components/smartsheet/Kanban.vue
index 368e31806e..ff648306c4 100644
--- a/packages/nc-gui/components/smartsheet/Kanban.vue
+++ b/packages/nc-gui/components/smartsheet/Kanban.vue
@@ -267,23 +267,22 @@ openNewRecordFormHook?.on(async (stackTitle) => {
                               hoverable
                               :data-stack="stack.title"
                               class="!rounded-lg h-full overflow-hidden break-all max-w-[450px]"
-                              body-style="padding: 10px;"
+                              body-style="padding: 5px;"
                               @click="expandFormClick($event, record)"
                             >
                               <div
                                 v-for="col in fields"
                                 :key="`record-${record.row.id}-${col.id}`"
-                                class="flex flex-col space-y-1 px-1 mb-3 bg-gray-50 rounded-lg w-full"
+                                class="flex flex-col rounded-lg w-full"
                               >
-                                <div class="flex flex-row w-full justify-start border-b-1 border-gray-100 py-2.5">
+                                <div class="flex flex-row w-full justify-start border-b-1 border-gray-100 py-2">
                                   <div class="w-full text-gray-600">
                                     <SmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="true" />
                                     <SmartsheetHeaderCell v-else :column="col" :hide-menu="true" />
                                   </div>
                                 </div>
-
-                                <div class="flex flex-row w-full pb-3 pt-2 pl-2 items-center justify-start">
-                                  <div v-if="isRowEmpty(record, col)" class="h-3 bg-gray-200 px-5 rounded-lg"></div>
+                                <div class="flex flex-row w-full pt-2 pl-2 items-center justify-start">
+                                  <div v-if="isRowEmpty(record, col)" class="h-4 bg-gray-200 px-5 rounded-lg"></div>
                                   <template v-else>
                                     <SmartsheetVirtualCell
                                       v-if="isVirtualCol(col)"