Fix vertical rhythm of post dates

causal-agent · causal-agent · commit d341fa003c34 · 2015-09-03T16:42:56.000-04:00
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -13,9 +13,11 @@
 
 {% for post in site.posts %}
   <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
-  <small>
-    <time datetime="{{ post.date | date:'%Y-%m-%d' }}">
-      {{ post.date | date:'%A, %-d %B, %Y' }}
-    </time>
-  </small>
+  <p class="subtitle">
+    <small>
+      <time datetime="{{ post.date | date:'%Y-%m-%d' }}">
+        {{ post.date | date:'%A, %-d %B, %Y' }}
+      </time>
+    </small>
+  </p>
 {% endfor %}
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -3,11 +3,13 @@
 ---
 
 <h2>{{ page.title }}</h2>
-<small>
-  <time datetime="{{ page.date | date:'%Y-%m-%d' }}">
-    {{ page.date | date:'%A, %-d %B, %Y' }}
-  </time>
-</small>
+<p class="subtitle">
+  <small>
+    <time datetime="{{ page.date | date:'%Y-%m-%d' }}">
+      {{ page.date | date:'%A, %-d %B, %Y' }}
+    </time>
+  </small>
+</p>
 
 <section class="post-body">
   {{ content }}
diff --git a/css/site.css b/css/site.css
@@ -36,7 +36,10 @@ div.project {
   padding-right: 1ch;
 }
 
-/* Footnotes */
+/* Posts */
+
+p.subtitle { margin-top: 0; }
+
 .post-body ol:last-child {
   padding-top: 2em;
   font-size: 0.85em;
