From 0006761201c32a19d92953f99de3acd7be0706f6 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 12 Apr 2024 08:22:17 -0300
Subject: [PATCH] Use black background on WorkerDateLabel

---
 src/pages/Worker/Card/WorkerDateLabel.vue   | 11 ++---------
 src/pages/Worker/Card/WorkerTimeControl.vue |  3 +--
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerDateLabel.vue b/src/pages/Worker/Card/WorkerDateLabel.vue
index e087ccf72b..b75fea8904 100644
--- a/src/pages/Worker/Card/WorkerDateLabel.vue
+++ b/src/pages/Worker/Card/WorkerDateLabel.vue
@@ -18,10 +18,9 @@ defineEmits(['update:selected']);
 
 <template>
     <QChip
-        class="chip"
+        class="text-white q-ma-none"
         :selected="selected"
-        :style="selected ? { backgroundColor: color } : null"
-        :text-color="selected ? 'white' : null"
+        :style="{ backgroundColor: selected ? color : 'black' }"
         @update:selected="$emit('update:selected', $event)"
     >
         <QAvatar
@@ -32,9 +31,3 @@ defineEmits(['update:selected']);
         <slot />
     </QChip>
 </template>
-
-<style scoped lang="scss">
-.chip {
-    background-color: var(--vn-light-gray);
-}
-</style>
diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index 6b16f5bff4..935cef9534 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/src/pages/Worker/Card/WorkerTimeControl.vue
@@ -531,11 +531,10 @@ onMounted(async () => {
                     >
                         <div class="column-title-container">
                             <span class="text-primary">{{ t(col.label) }}</span>
-                            <span>{{ col.formattedDate }}</span>
+                            <span class="q-mb-xs">{{ col.formattedDate }}</span>
                             <WorkerDateLabel
                                 v-if="col.dayData?.event"
                                 :color="col.dayData.event.color"
-                                selected
                             >
                                 <span>
                                     {{ col.dayData.event.name }}