From c573019038289710ac2d881429070df97844fef3 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 9 Apr 2024 14:13:40 -0300
Subject: [PATCH] Sizes and spacings

---
 src/pages/Worker/Card/WorkerCalendar.vue     |  6 +++---
 src/pages/Worker/Card/WorkerCalendarItem.vue | 22 ++++++++++++++++----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerCalendar.vue b/src/pages/Worker/Card/WorkerCalendar.vue
index c0e895eb2..161d1feae 100644
--- a/src/pages/Worker/Card/WorkerCalendar.vue
+++ b/src/pages/Worker/Card/WorkerCalendar.vue
@@ -220,20 +220,20 @@ watch([year, businessFk], () => refreshData());
 .calendar-container {
     display: grid;
     gap: 32px;
-    grid-template-columns: repeat(3, minmax(0, 320px));
+    grid-template-columns: repeat(3, minmax(0, 334px));
     padding: 40px;
     justify-content: center;
 }
 
 @media (max-width: $breakpoint-md) {
     .calendar-container {
-        grid-template-columns: repeat(2, minmax(0, 320px));
+        grid-template-columns: repeat(2, minmax(0, 334px));
     }
 }
 
 @media (max-width: $breakpoint-xs) {
     .calendar-container {
-        grid-template-columns: repeat(1, minmax(0, 320px));
+        grid-template-columns: repeat(1, minmax(0, 334px));
     }
 }
 </style>
diff --git a/src/pages/Worker/Card/WorkerCalendarItem.vue b/src/pages/Worker/Card/WorkerCalendarItem.vue
index b88b48fd6..2c524c2a3 100644
--- a/src/pages/Worker/Card/WorkerCalendarItem.vue
+++ b/src/pages/Worker/Card/WorkerCalendarItem.vue
@@ -174,7 +174,7 @@ watch(_year, (newValue) => {
 
 <template>
     <QCalendarMonthWrapper
-        style="height: 200px"
+        style="height: 290px"
         class="outline"
         bordered
         transparent-background
@@ -228,12 +228,26 @@ watch(_year, (newValue) => {
 }
 
 .q-calendar__button {
+    width: 32px;
+    height: 32px;
+    font-size: 13px;
+
     &:hover {
         background-color: var(--vn-accent-color);
         cursor: pointer;
     }
 }
 
+.q-calendar-month__week--wrapper {
+    margin-bottom: 4px;
+}
+
+.q-calendar-month__workweek {
+    height: 32px;
+    display: flex;
+    justify-content: center;
+}
+
 .q-calendar__button--bordered {
     color: $info !important;
 }
@@ -254,9 +268,9 @@ watch(_year, (newValue) => {
 .calendar-event {
     display: flex;
     justify-content: center;
-    width: 2em;
-    height: 2em;
-    font-size: 0.75em;
+    width: 32px;
+    height: 32px;
+    font-size: 13px;
     line-height: 1.715em;
     cursor: pointer;
     color: white;