From fed1d8dc12ade9437f1e7ee18e2d78ad081e5347 Mon Sep 17 00:00:00 2001
From: tr1x_em <admin@trix.is-a.dev>
Date: Mon, 4 Aug 2025 11:07:46 +0530
Subject: [PATCH] fix: adjust calendar widget size to enforce 170x170
 dimensions

---
 main.css          | 50 ++++++++++++++++++++++++-----------------------
 modules/widget.py |  6 +++---
 2 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/main.css b/main.css
index 7338d2d..fdd660d 100644
--- a/main.css
+++ b/main.css
@@ -129,75 +129,77 @@ menu > menuitem:hover > label {
     margin: 20px 20px 20px 10px;
     min-width: 170px;
     min-height: 170px;
+    max-width: 170px;
+    max-height: 170px;
     border-radius: 16px;
 }
 
 #calendar-widget {
     font-family: "SF Pro Rounded";
-    margin: 16px;
+    margin: 12px;
 }
 
 #calendar-month {
-    font-size: 18px;
+    font-size: 16px;
     font-weight: 600;
     color: #68A7B5;
-    margin-bottom: 12px;
-}
-
-#calendar-days-header {
     margin-bottom: 8px;
 }
 
+#calendar-days-header {
+    margin-bottom: 6px;
+}
+
 #calendar-day-header {
-    font-size: 12px;
+    font-size: 11px;
     font-weight: 600;
     color: #ffffff;
-    min-width: 20px;
-    min-height: 20px;
+    min-width: 18px;
+    min-height: 16px;
 }
 
 #calendar-day-header-weekend {
-    font-size: 12px;
+    font-size: 11px;
     font-weight: 600;
     color: #8E8D93;
-    min-width: 20px;
-    min-height: 20px;
+    min-width: 18px;
+    min-height: 16px;
 }
 
 #calendar-day {
-    font-size: 12px;
+    font-size: 11px;
     font-weight: 500;
     color: #ffffff;
-    min-width: 20px;
-    min-height: 20px;
+    min-width: 18px;
+    min-height: 16px;
 }
 
 #calendar-day-weekend {
-    font-size: 12px;
+    font-size: 11px;
     font-weight: 500;
     color: #8E8D93;
-    min-width: 20px;
-    min-height: 20px;
+    min-width: 18px;
+    min-height: 16px;
 }
 
 #calendar-day-today {
-    font-size: 12px;
+    font-size: 11px;
     font-weight: 700;
     color: #191919;
     background-color: #6AABBB;
     border-radius: 50%;
-    min-width: 20px;
-    min-height: 20px;
+    min-width: 18px;
+    min-height: 16px;
     padding: 2px;
 }
 
 #calendar-day-empty {
-    min-width: 20px;
-    min-height: 20px;
+    min-width: 18px;
+    min-height: 16px;
 }
 
 #calendar-grid {
-    margin-top: 4px;
+    margin-top: 2px;
 }
 
 
diff --git a/modules/widget.py b/modules/widget.py
index f369917..248e8ca 100644
--- a/modules/widget.py
+++ b/modules/widget.py
@@ -494,7 +494,7 @@ class Calendar(Box):
             name="calendar-days-header",
             orientation="h",
             h_expand=True,
-            # spacing=4
+            spacing=2
         )
 
         day_names = ["S", "M", "T", "W", "T", "F", "S"]
@@ -517,7 +517,7 @@ class Calendar(Box):
         self.calendar_grid = Box(
             name="calendar-grid",
             orientation="v",
-            # spacing=3
+            spacing=1
         )
 
         self.update_calendar()
@@ -556,7 +556,7 @@ class Calendar(Box):
         cal = calendar.monthcalendar(self.current_year, self.current_month)
 
         for week in cal:
-            week_box = Box(orientation="h", spacing=4, h_expand=True)
+            week_box = Box(orientation="h", spacing=2, h_expand=True)
 
             for day_index, day in enumerate(week):
                 if day == 0: