From ca8362d1eebc86f928e05f121bd1a286b958ed5b Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Tue, 17 Mar 2026 07:48:27 +0100
Subject: [PATCH] fix(blog): move tags and garden badge inline with Planted
 date

Tended date now appears on its own line below, matching the desired
layout: Planted + tags + badge on line 1, Tended on line 2.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 _includes/layouts/post.njk | 45 ++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/_includes/layouts/post.njk b/_includes/layouts/post.njk
index 2035412..07913f9 100644
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@@ -28,29 +28,32 @@ withBlogSidebar: true
   {% endif %}
 
   <div class="post-meta mb-4 sm:mb-6">
-    <span class="font-mono text-sm">Planted: </span><time-difference><time class="dt-published font-mono text-sm" datetime="{{ date.toISOString() }}">
-      {{ date | dateDisplay }}
-    </time></time-difference>
-    {% if updated %}
-    <br>
-    <span class="font-mono text-sm">Tended: </span><time-difference><time class="dt-updated font-mono text-sm" datetime="{{ updated | isoDate }}">
-      {{ updated | dateDisplay }}
-    </time></time-difference>
-    {% endif %}
-    {% if category | withoutGardenTags %}
-    <ul class="post-categories flex flex-wrap gap-2 list-none p-0 m-0" role="list" aria-label="Categories">
-      {# Handle both string and array categories #}
-      {% if category is string %}
-      <li><a href="/categories/{{ category | nestedSlugify }}/" class="p-category">{{ category }}</a></li>
-      {% else %}
-      {% for cat in (category | withoutGardenTags) %}
-      <li><a href="/categories/{{ cat | nestedSlugify }}/" class="p-category">{{ cat }}</a></li>
-      {% endfor %}
+    <div class="flex flex-wrap items-center gap-2">
+      <span class="font-mono text-sm">Planted: </span><time-difference><time class="dt-published font-mono text-sm" datetime="{{ date.toISOString() }}">
+        {{ date | dateDisplay }}
+      </time></time-difference>
+      {% if category | withoutGardenTags %}
+      <ul class="post-categories flex flex-wrap gap-2 list-none p-0 m-0" role="list" aria-label="Categories">
+        {# Handle both string and array categories #}
+        {% if category is string %}
+        <li><a href="/categories/{{ category | nestedSlugify }}/" class="p-category">{{ category }}</a></li>
+        {% else %}
+        {% for cat in (category | withoutGardenTags) %}
+        <li><a href="/categories/{{ cat | nestedSlugify }}/" class="p-category">{{ cat }}</a></li>
+        {% endfor %}
+        {% endif %}
+      </ul>
       {% endif %}
-    </ul>
+      {# Digital Garden stage badge #}
+      {% include "components/garden-badge.njk" %}
+    </div>
+    {% if updated %}
+    <div>
+      <span class="font-mono text-sm">Tended: </span><time-difference><time class="dt-updated font-mono text-sm" datetime="{{ updated | isoDate }}">
+        {{ updated | dateDisplay }}
+      </time></time-difference>
+    </div>
     {% endif %}
-    {# Digital Garden stage badge #}
-    {% include "components/garden-badge.njk" %}
   </div>
 
   {# Bridgy syndication content - controls what gets posted to social networks #}