Larger month label column so that it is easier to use on mobile devices.

2025-09-25 10:26:10 -06:00
parent cb60c589e3
commit b30618031a
2 changed files with 3 additions and 3 deletions
--- 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;
 }
 * {
--- 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;