From 52685fe92b09626d2b048c3ea870a0470aeaa8c9 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sat, 6 Mar 2021 19:42:01 +0100
Subject: Tweak calendar

Simplify HTML, highlight on hover, change aspect ratio, move closer to
corner.
---
 stylesheets/index.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

(limited to 'stylesheets')

diff --git a/stylesheets/index.css b/stylesheets/index.css
index 0949e5a..01cc43d 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -24,27 +24,27 @@ main {
     position: relative;
 }
 
-#next-concert {
+a#next-concert {
+    display: block;
     position: absolute;
-    bottom: 2%;
-    height: 10em;
-    width: 11em;
+    bottom: 0;
+    left: -2em;
+    padding: 2em;
+    width: 6em;
+    height: 3em;
     text-align: center;
+    text-decoration: none;
     background: no-repeat center/contain url('/images/calendar.svg');
 }
-
-#next-concert a {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-    text-decoration: none;
+a#next-concert:hover {
+    color: var(--gold);
+    background-image: url('/images/calendar-gold.svg');
 }
 
 #next-concert p {
     position: relative;
-    top: 32%;
     margin: 0;
-    color: #eee;
+    margin-top: 1em;
     text-transform: uppercase;
 }
 
-- 
cgit v1.2.3