Move the <time> elements below the headings in the blog list'

layouts/_default/list.html

@@ -18,8 +18,7 @@
 {{ range $index, $page := $paginator.Pages }}
   <li class="post-entry">
     <header>
-      <h2><a href="{{ .Permalink }}">{{ .Title }}</a>
-      </h2>
+      <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
       <time class="nobreak" datetime="{{ .Date | time.Format " 2006-01-02" }}">{{ .Date | time.Format "Jan 2, 2006" }}</time>
       {{ partial "development/draft_tag.html" . }}
     </header>

static/styles/main.css

@@ -341,6 +341,7 @@ p {
 
 .post-list {
     margin-top: 1rem;
+    line-height: 1.4;
 }
 
 .post-list h1,
@@ -349,7 +350,7 @@ p {
 .post-list h4,
 .post-list h5,
 .post-list h6 {
-    display: inline;
+    display: block;
     margin: 0;
 }
 
@@ -361,10 +362,6 @@ p {
     margin-top: 2rem;
 }
 
-.post-list time {
-    margin-left: 1rem;
-}
-
 .post-list article {
     color: gray;
     font-style: oblique;