From b30618031ae88cbd4aa403697c10600cd7b1cdef Mon Sep 17 00:00:00 2001
From: Leo Vasanko <leo@git>
Date: Thu, 25 Sep 2025 10:26:10 -0600
Subject: [PATCH] Larger month label column so that it is easier to use on
 mobile devices.

---
 src/assets/layout.css           | 2 +-
 src/components/CalendarView.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/assets/layout.css b/src/assets/layout.css
index b22ad95..315a58d 100644
--- a/src/assets/layout.css
+++ b/src/assets/layout.css
@@ -1,7 +1,7 @@
 :root {
   --week-w: 3rem;
   --day-w: 1fr;
-  --month-w: 2rem;
+  --month-w: 3rem;
   --row-h: 15vh;
 }
 * {
diff --git a/src/components/CalendarView.vue b/src/components/CalendarView.vue
index 6226c28..92815a4 100644
--- a/src/components/CalendarView.vue
+++ b/src/components/CalendarView.vue
@@ -686,11 +686,11 @@ header h1 {
 .month-label {
   width: 100%;
   opacity: 0.8;
-  font-size: 2rem;
+  font-size: 2.2rem;
   font-weight: 700;
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: start;
   overflow: hidden;
   cursor: ns-resize;
   user-select: none;