From caa8682180055ddb0aff75c483f2d849fa75fc07 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 14 Feb 2025 11:44:19 +0100
Subject: [PATCH 1/2] style: fix card mode

---
 src/components/VnTable/VnTable.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 185d41ebb..cfdf34f50 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -511,7 +511,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                             <QCardSection
                                 vertical
                                 class="no-margin no-padding"
-                                :class="colsMap.tableActions ? 'w-80' : 'fit'"
+                                :class="colsMap.tableActions ? '' : 'fit'"
                             >
                                 <!-- Chips -->
                                 <QCardSection
@@ -542,7 +542,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                                 </QCardSection>
                                 <!-- Fields -->
                                 <QCardSection
-                                    class="q-pl-sm q-pr-lg q-py-xs"
+                                    class="q-pl-sm q-py-xs"
                                     :class="$props.cardClass"
                                 >
                                     <div
@@ -550,11 +550,11 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                                             col, index
                                         ) of splittedColumns.cardVisible"
                                         :key="col.name"
-                                        class="fields"
                                     >
                                         <VnLv :label="col.label + ':'">
                                             <template #value>
                                                 <span
+                                                    class="q-pl-xs"
                                                     @click="stopEventPropagation($event)"
                                                 >
                                                     <slot
@@ -589,13 +589,8 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                                     :key="index"
                                     :title="btn.title"
                                     :icon="btn.icon"
-                                    class="q-pa-xs"
+                                    class="q-pa-xs text-primary-light"
                                     flat
-                                    :class="
-                                        btn.isPrimary
-                                            ? 'text-primary-light'
-                                            : 'color-vn-text '
-                                    "
                                     @click="btn.action(row)"
                                 />
                             </QCardSection>
@@ -787,6 +782,7 @@ es:
 .vn-label-value {
     display: flex;
     flex-direction: row;
+    align-items: center;
     color: var(--vn-text-color);
     .value {
         overflow: hidden;

From c93f0bdf11b6220364bac826fc910b7ab5c2db76 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 17 Feb 2025 13:29:38 +0100
Subject: [PATCH 2/2] style: change colors

---
 src/components/VnTable/VnTable.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index cfdf34f50..8691c7a0b 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -481,7 +481,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                             flat
                             dense
                             :class="
-                                btn.isPrimary ? 'text-primary-light' : 'color-vn-text '
+                                btn.isPrimary ? 'text-primary-light' : 'color-vn-label'
                             "
                             :style="`visibility: ${
                                 ((btn.show && btn.show(row)) ?? true)
@@ -589,7 +589,12 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                                     :key="index"
                                     :title="btn.title"
                                     :icon="btn.icon"
-                                    class="q-pa-xs text-primary-light"
+                                    class="q-pa-xs"
+                                    :class="
+                                        btn.isPrimary
+                                            ? 'text-primary-light'
+                                            : 'color-vn-label'
+                                    "
                                     flat
                                     @click="btn.action(row)"
                                 />