From e6f1fcc97e11aed522d08e0e9a9ef3fbdd4d1cee Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sat, 20 Jun 2026 13:49:12 +0700
Subject: [PATCH] style: enhance AttendanceCalendar component with improved
 popover layout for better user interaction

---
 .../components/admin/hr/attendances/AttendanceCalendar.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/resources/js/components/admin/hr/attendances/AttendanceCalendar.vue b/resources/js/components/admin/hr/attendances/AttendanceCalendar.vue
index 2800ef4..fc9b806 100644
--- a/resources/js/components/admin/hr/attendances/AttendanceCalendar.vue
+++ b/resources/js/components/admin/hr/attendances/AttendanceCalendar.vue
@@ -370,6 +370,13 @@ watch(
     padding: 0.5rem 0.75rem;
 }
 
+.attendance-calendar .fc .fc-popover-body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    padding: 0.5rem 0.75rem;
+}
+
 .attendance-calendar .fc .attendance-event {
     border: 0;
     border-radius: calc(var(--radius) - 4px);