Improve margin around blog post date headers

static/src/scss/_listing.scss

@@ -41,6 +41,10 @@
     font-size: $size-2;
     font-weight: $weight-bold;
     margin-bottom: 1rem;
+
+    &:not(:first-child) {
+      margin-top: 2em;
+    }
   }
 }
 

website/blog/templates/blog/blog_post_list_page.html

@@ -4,9 +4,11 @@
   <section class="container">
     {% for page in listing_pages %}
       {% ifchanged %}
+        <h3 id="{{ page.date|date:'Y-m' }}" class="date-header">
           <time datetime="{{ page.date|date:'Y-m' }}" title='{{ page.date|date:"F Y" }}'>
-          <h3 id="{{ page.date|date:'Y-m' }}" class="date-header">{{ page.date|date:"Y-m" }}</h3>
+            {{ page.date|date:"Y-m" }}
           </time>
+        </h3>
       {% endifchanged %}
 
       {% include "common/listing-item.html" %}