feat(style): use flex on date & title

2 files changed, 8 insertions, 2 deletions

diff --git a/sass/style.scss b/sass/style.scss
index 8373bc0..30e7ffe 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -125,9 +125,15 @@ hr {
   padding: 5px 20px;
 }
 
+.article-list article > header {
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+}
+
 .article-list article h3 {
   display: inline-block;
-  margin: 0;
+  margin: 0 0.5em;
 }
 
 .article-list article .post-meta {
diff --git a/templates/macros/posts.html b/templates/macros/posts.html
index 506adff..8ee97a2 100644
--- a/templates/macros/posts.html
+++ b/templates/macros/posts.html
@@ -6,8 +6,8 @@
         <header lang="{{ page.lang }}">
           <time datetime="{{ page.date }}">{{ page.date }}</time>
           <h3>{{ posts::link(page=page) }}</h3>
-          <p class="post-meta">{{ posts::taxonomies(taxonomies=page.taxonomies) }}</p>
         </header>
+        <p class="post-meta">{{ posts::taxonomies(taxonomies=page.taxonomies) }}</p>
       </article>
     {% endfor %}
 </div>