From 5574919a5d5bec4cc61b87b250855db922453d0f Mon Sep 17 00:00:00 2001
From: giteaadmin <gitea@twk95.net>
Date: Mon, 25 Aug 2025 01:14:15 -0400
Subject: [PATCH] style: improve layout of post metadata for better
 responsiveness

---
 src/_includes/post.njk | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/_includes/post.njk b/src/_includes/post.njk
index a31a4d1..536889f 100644
--- a/src/_includes/post.njk
+++ b/src/_includes/post.njk
@@ -11,12 +11,16 @@ layout: "layout.njk"
     </div>
     {% endif %}
     <h1>{{ title }}</h1>
-    <div class="post-meta flex items-center text-gray-400">
-        <i class="fas fa-calendar-alt mr-2"></i>
-        <p>Published on {{ date | readableDate }}</p>
-        <span class="mx-2 text-gray-600">|</span>
-        <i class="fas fa-eye mr-2"></i>
-        <span class="view-count" data-view-count data-slug="{{ page.fileSlug }}">...</span>
+    <div class="post-meta flex flex-col md:flex-row md:items-center text-gray-400">
+        <div class="flex items-center mb-1 md:mb-0">
+            <i class="fas fa-calendar-alt mr-2"></i>
+            <p>Published on {{ date | readableDate }}</p>
+        </div>
+        <span class="hidden md:inline mx-2 text-gray-600">|</span>
+        <div class="flex items-center">
+            <i class="fas fa-eye mr-2"></i>
+            <span class="view-count" data-view-count data-slug="{{ page.fileSlug }}">...</span>
+        </div>
     </div>
     <br/>
     {{ content | safe }}