From 2c60bc2580745f4b46d9f19cf7c3373dae699a0f Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Sat, 7 Mar 2026 20:11:20 +0100
Subject: [PATCH] fix: restore horizontal layout for post categories

The accessibility change from <span> to <ul> caused categories to stack
vertically. Add flex utilities to maintain horizontal flow while keeping
the semantic list markup and ARIA attributes.

Confab-Link: http://localhost:8080/sessions/0ec83454-d346-4329-8aaf-6b12139bf596
---
 _includes/layouts/post.njk | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/layouts/post.njk b/_includes/layouts/post.njk
index e6a5261..9418436 100644
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@@ -24,7 +24,7 @@ withBlogSidebar: true
       {{ date | dateDisplay }}
     </time></time-difference>
     {% if category %}
-    <ul class="post-categories" role="list" aria-label="Categories">
+    <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 | slugify }}/" class="p-category">{{ category }}</a></li>