put post dates beside the headers

1 files changed, 13 insertions, 5 deletions

diff --git a/_includes/posts/posts.html b/_includes/posts/posts.html
index 39dd858..c20ad69 100644
--- a/_includes/posts/posts.html
+++ b/_includes/posts/posts.html
@@ -3,11 +3,19 @@
   <hr/>
 {% else %}
   {% for post in paginator.posts %}
-    <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2>
-    <p class="text-muted">
-      <span class="glyphicon glyphicon-time"></span>&nbsp;Posted on {{ post.date | date: '%-d %B %Y' }}
-      {%- if post.category %} in <span class="glyphicon glyphicon-folder-open"></span>&nbsp;<a class="category" href="{{ '/' | relative_url }}{{ post.category | slugify: 'pretty' }}/">{{ post.category }}</a>{% endif %}
-    </p>
+    <div class="row post-header">
+      <div class="col-xs-12 col-sm-8">
+        <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2>
+      </div>
+      <div class="col-xs-12 col-sm-4 post-date">
+        <p class="text-muted">
+          {% if post.category %}
+            <span class="glyphicon glyphicon-folder-open"></span>&nbsp;<a class="category" href="{{ '/' | relative_url }}{{ post.category | slugify: 'pretty' }}/">{{ post.category }}</a>
+          {% endif %}
+          <span class="glyphicon glyphicon-time"></span>&nbsp;{{ post.date | date: '%-d&nbsp;%B&nbsp;%Y' }}
+        </p>
+      </div>
+    </div>
     {{ post.excerpt | markdownify }}
     <hr/>
   {% endfor %}