style: add header to blog cards

OliverBooth/Pages/Blog/Index.cshtml

@@ -10,12 +10,8 @@
 </div>
 
 <script id="blog-post-template" type="text/x-handlebars-template">
-    <div class="card-body">
-        <h2>
-            <a href="{{post.url}}"> {{post.title}}</a>
-        </h2>
-
-        <p class="text-muted">
+    <div class="card-header">
+        <span class="text-muted">
             <img class="blog-author-icon" src="{{author.avatar}}" alt="{{author.name}}">
             <span>{{author.name}}<span>
             <span> &bull; </span>
@@ -26,7 +22,12 @@
                     Loading comment count &hellip;
                 </a>
             {{/if}}
-        </p>
+        </span>
+    </div>
+    <div class="card-body">
+        <h2>
+            <a href="{{post.url}}"> {{post.title}}</a>
+        </h2>
 
         <p>{{{post.excerpt}}}</p>