Calendar view

1 files changed, 43 insertions, 4 deletions

diff --git a/pages/style.css b/pages/style.css
index 6fb9fbe..e7f0b43 100644
--- a/pages/style.css
+++ b/pages/style.css
@@ -9,6 +9,7 @@ body {
   --leave-color: #b66;
   --nickwrap-color: #999;
   --link-color: #33f;
+  --calendar-month-stripe-color: #c6c6da;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -23,6 +24,7 @@ body {
     --leave-color: #b05757;
     --nickwrap-color: var(--meta-color);
     --link-color: #abf;
+    --calendar-month-stripe-color: #446;
   }
 }
 
@@ -32,7 +34,6 @@ html, body {
 
 body {
   font-family: "Adwaita Sans", system-ui, sans-serif;
-  font-variant-numeric: tabular-nums;
   background-color: var(--bg-color);
   color: var(--font-color);
 }
@@ -77,9 +78,12 @@ footer {
   color: var(--footer-text-color);
 }
 
-.hdrspacer {
-  display: inline-block;
-  width: 15px;
+header > .hdritem:first-child {
+  margin-right: 30px;
+}
+
+header > .hdritem:nth-child(n + 2) {
+  margin-left: 15px;
 }
 
 .hdritem {
@@ -120,6 +124,10 @@ table#events td {
   vertical-align: top;
 }
 
+table#events td:first-child {
+  font-variant-numeric: tabular-nums;
+}
+
 table#events td:nth-child(2) {
   text-align: right;
 }
@@ -136,3 +144,34 @@ table#events tr.ev-leave > td:nth-child(n + 2) { color: var(--leave-color); }
 table#events tr.ev-act > td:nth-child(n + 2) { font-style: italic; }
 table#events tr.ev-notice > td:nth-child(n + 2) { font-weight: bold; }
 table#events tr.ev-parseerror > td:nth-child(n + 2) { color: red; }
+
+/* calendar page */
+table.calmonth {
+  border-top: 1px var(--calendar-month-stripe-color) solid;
+}
+
+table.calmonth > tbody > tr {
+  padding: 0;
+}
+
+table.calmonth > tbody > tr > td {
+  text-align: right;
+  padding: 1px 2px;
+}
+
+table.calmonth > tbody > tr > td > a {
+  font-variant-numeric: tabular-nums;
+
+  /* make link fill entire cell */
+  display: inline-block;
+  width: 100%;
+}
+
+td.calmonth {
+  vertical-align: top;
+  padding: 0 10px 10px 0;
+}
+
+td.calmonth > b {
+  padding-left: 4px;
+}