From fc0dc0c193d43d44ce49c199ac11193c3c96130d Mon Sep 17 00:00:00 2001
From: Leo Vasanko <leo@git>
Date: Wed, 20 Aug 2025 15:18:55 -0600
Subject: [PATCH] Styling cleanup

---
 cells.css  |  8 +++++++-
 colors.css | 11 +++--------
 events.css |  1 +
 index.html |  2 +-
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/cells.css b/cells.css
index c0960d9..a195201 100644
--- a/cells.css
+++ b/cells.css
@@ -22,7 +22,13 @@
   transition: background-color .15s ease;
   font-size: 1em;
 }
-.cell:hover h1 { text-shadow: 0 0 .2em }
+.cell.today h1 {
+  border-radius: 2em;
+  background: var(--today);
+  border: .2em solid var(--today);
+  margin: -.2em;
+}
+.cell:hover h1 { text-shadow: 0 0 .2em var(--shadow); }
 
 /* Fixed heights for cells and labels */
 .week-row .cell, .week-row .week-label { height: var(--cell-h) }
diff --git a/colors.css b/colors.css
index 8405899..0abb4bc 100644
--- a/colors.css
+++ b/colors.css
@@ -8,6 +8,7 @@
   --weekend: #888;
   --firstday: #000;
   --select: #aaf;
+  --shadow: #fff;
   --label-bg: #fafbfe;
   --label-bg-rgb: 250, 251, 254;
 }
@@ -50,6 +51,7 @@
     --weekend: #999;
     --firstday: #fff;
     --select: #44f;
+    --shadow: #888;
     --label-bg: #1a1d25;
     --label-bg-rgb: 26, 29, 37;
   }
@@ -85,7 +87,7 @@
 
 /* Selection styles */
 .weekend { color: var(--weekend) }
-.firstday { color: var(--firstday); text-shadow: 0 0 .1em; }
+.firstday { color: var(--firstday); text-shadow: 0 0 .1em #fff; }
 
 .selected {
   background: var(--select);
@@ -93,10 +95,3 @@
   box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
 }
 .selected .event { opacity: .7 }
-
-.today h1 {
-  border-radius: 2em;
-  background: var(--today);
-  border: .2em solid var(--today);
-  margin: -.2em;
-}
diff --git a/events.css b/events.css
index 992b3c6..32e5a70 100644
--- a/events.css
+++ b/events.css
@@ -29,6 +29,7 @@
   height: 1.2em;
   align-self: center;     /* vertically center within the overlay row */
   justify-self: stretch;  /* stretch across chosen grid columns */
+  text-align: center;
   pointer-events: auto;   /* clickable despite overlay having none */
   z-index: 1;
 }
diff --git a/index.html b/index.html
index 36f5533..96b8b0a 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
 <header>
     <h1 id="title">Calendar</h1>
     <div class="header-controls">
-        <label>Selection: <input type="text" id="selected-date" class="date-input" readonly></label>
+        <input type="text" id="selected-date" class="date-input" readonly>
         <div id="today-date" class="today-date"></div>
     </div>
 </header>