From 97b78810c4beb14737d4f501ffa9c4e86f9e6e75 Mon Sep 17 00:00:00 2001
From: Peter Stuifzand <peter@stuifzand.eu>
Date: Fri, 12 Feb 2021 21:56:36 +0100
Subject: [PATCH] Make day clickable in calendar

---
 editor/src/styles.scss       | 15 +++++++++++----
 templates/sidebar-right.html |  6 ++++--
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/editor/src/styles.scss b/editor/src/styles.scss
index 29c6ad2..46f1f6d 100644
--- a/editor/src/styles.scss
+++ b/editor/src/styles.scss
@@ -266,12 +266,19 @@ mark {
   }
   .day a {
     position: absolute;
-    top: 1px;
-    right: 3px;
-    font-size: 9pt;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
     color: black;
   }
-  .day span {
+  .day .day-text {
+    font-size: 9pt;
+    text-align: right;
+    float: right;
+    margin-right: 3px;
+  }
+  .day .day-count {
     position: absolute;
     width: 100%;
     height: 100%;
diff --git a/templates/sidebar-right.html b/templates/sidebar-right.html
index 7bc30c9..f3bfe2c 100644
--- a/templates/sidebar-right.html
+++ b/templates/sidebar-right.html
@@ -13,8 +13,10 @@
             <div class="day">z</div>
             {{ range .Days }}
             <div class="{{ .Class }}">
-                <a href="{{ .URL }}">{{ .Text }}</a>
-                <span>{{ .Count }}</span>
+                <a href="{{ .URL }}">
+                    <span class="day-text">{{ .Text }}</span>
+                    <span class="day-count">{{ .Count }}</span>
+                </a>
             </div>
             {{ end }}
         </div>