From e12d850af6382aa7303558afeefbcc3b14c7d702 Mon Sep 17 00:00:00 2001
From: rra <rscmbbng@riseup.net>
Date: Wed, 25 Aug 2021 20:29:32 +0200
Subject: [PATCH] refine calendar cards design

---
 layouts/partials/calendar_card.html | 3 +--
 static/css/main.css                 | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/layouts/partials/calendar_card.html b/layouts/partials/calendar_card.html
index d8ee10b..60bc5ca 100644
--- a/layouts/partials/calendar_card.html
+++ b/layouts/partials/calendar_card.html
@@ -2,7 +2,6 @@
           <article class="h-entry calendar">
             <header>
               <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
-              <div class='header-filler'></div>
             </header>
             <div class='start-scroller'>
                 <marquee behavior="scroll" direction="left">
@@ -10,7 +9,7 @@
                 </marquee>
             </div>
             <div class='calendar metadata'>
-              <div class='calendar-duration'>{{ .Params.duration }}</div>
+              <div class='calendar-duration'>Duration: <b>{{ .Params.duration }}</b></div>
               <input class='descr_button' type='checkbox' id='toggle-{{ .Params.uid }}'/>
               <label class='calendar' for='toggle-{{ .Params.uid }}'>↕</label>
               <div class='calendar-location'>{{ .Params.location | markdownify }}</div>
diff --git a/static/css/main.css b/static/css/main.css
index 1e4a0e3..9d61403 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -212,7 +212,7 @@ footer.post-footer {
       border: 2px solid cornflowerblue;
       box-shadow:1em 1em 0 #d2d1c8;
       background-color: lightblue;
-      max-width: 300px;
+      max-width: 360px;
       margin-bottom: 2em;
       flex: auto;
       margin:  0 3em 3em 0;
@@ -229,7 +229,7 @@ footer.post-footer {
 .h-entry.calendar header h2{
   padding: 0.2em 0.5em 0.2em 0.5em;
   margin: 0;
-  border-right: 2px solid cornflowerblue;
+  border-right: none;
 }
 
 .h-entry.calendar header h2:hover{