refine calendar cards design

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>

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{