From b79192f1bb39f6917d512d8e968cd9145ae705ac Mon Sep 17 00:00:00 2001
From: sefidel <contact@sefidel.net>
Date: Mon, 27 Mar 2023 19:07:25 +0900
Subject: feat(style): use flex on date & title

---
 sass/style.scss             | 8 +++++++-
 templates/macros/posts.html | 2 +-
 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>
-- 
cgit 1.4.1