From ca77de06be474dfd712402c327dc436864d233a3 Mon Sep 17 00:00:00 2001
From: Dennis Fink
Date: Thu, 23 Jul 2026 00:16:14 +0200
Subject: Make article tags wrap like inline text

This moves the “Tagged with” label into the tag list itself, so the
footer can wrap naturally like a paragraph instead of splitting the
label and tags onto separate alignment contexts.

The CSS now treats each tag item as inline text while keeping later
items together, which avoids awkward line breaks after the label.
---
 assets/static/css/style.css | 19 ++++++-------------
 1 file changed, 6 insertions(+), 13 deletions(-)

(limited to 'assets')

diff --git a/assets/static/css/style.css b/assets/static/css/style.css
index ddc2cac..268c323 100644
--- a/assets/static/css/style.css
+++ b/assets/static/css/style.css
@@ -557,30 +557,23 @@ article {
     margin-top: 1.5rem;
     color: var(--dim-foreground);
     font-style: italic;
-    margin-top: 1.5rem;
-
-    p {
-      display: inline;
-      font-size: 1.2rem;
-      line-height: 1.5;
-      margin: 0;
-      padding: 0;
-    }
 
     ul {
+      display: block;
       font-size: 1.2rem;
       line-height: 1.5;
+      list-style: none;
       margin: 0;
       padding: 0;
-      display: inline-flex;
-      flex-wrap: wrap;
-      list-style: none;
     }
 
     li {
-      display: flex;
+      display: inline;
       max-inline-size: none;
     }
+    li:not(:first-child) {
+      white-space: nowrap;
+    }
   }
 
   /* --- Article separator --- */
-- 
cgit v1.3.1