From c06b22d27e7c604834cfd6068bb6be38081dbae0 Mon Sep 17 00:00:00 2001
From: droideparanoico <david.alvarez.81@gmail.com>
Date: Fri, 3 Jul 2026 13:48:25 +0200
Subject: [PATCH] Stack date above badge, both at 1.5rem

---
 .../templates/fragments/feed-entries.html     | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/main/resources/templates/fragments/feed-entries.html b/src/main/resources/templates/fragments/feed-entries.html
index 0552620..0bd0f64 100644
--- a/src/main/resources/templates/fragments/feed-entries.html
+++ b/src/main/resources/templates/fragments/feed-entries.html
@@ -17,19 +17,21 @@
     <div class="card-body">
       <h3 style="font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--fallback-bc,oklch(var(--bc)/0.6))">{entry.artistName}</h3>
       <h2 style="font-size:2rem;font-weight:700">{entry.title}</h2>
-      <div style="display:flex;align-items:center;gap:0.75rem;margin-top:0.75rem;flex-wrap:wrap">
-        {#if entry.primaryType == 'Album'}
-          <span class="badge badge-primary" style="font-size:0.95rem;padding:0.4rem 0.8rem">Album</span>
-        {#else if entry.primaryType == 'Single'}
-          <span class="badge badge-secondary" style="font-size:0.95rem;padding:0.4rem 0.8rem">Single</span>
-        {#else if entry.primaryType == 'EP'}
-          <span class="badge badge-accent" style="font-size:0.95rem;padding:0.4rem 0.8rem">EP</span>
-        {#else}
-          <span class="badge badge-ghost" style="font-size:0.95rem;padding:0.4rem 0.8rem">{entry.primaryType}</span>
-        {/if}
+      <div style="margin-top:0.75rem">
         {#if entry.firstReleaseDate}
-          <span style="font-size:1rem;color:var(--fallback-bc,oklch(var(--bc)/0.4))">{entry.firstReleaseDate}</span>
+          <div style="font-size:1.5rem;color:var(--fallback-bc,oklch(var(--bc)/0.4))">{entry.firstReleaseDate}</div>
         {/if}
+        <div style="margin-top:0.4rem">
+          {#if entry.primaryType == 'Album'}
+            <span class="badge badge-primary" style="font-size:1.5rem;padding:0.3rem 0.8rem;height:auto">Album</span>
+          {#else if entry.primaryType == 'Single'}
+            <span class="badge badge-secondary" style="font-size:1.5rem;padding:0.3rem 0.8rem;height:auto">Single</span>
+          {#else if entry.primaryType == 'EP'}
+            <span class="badge badge-accent" style="font-size:1.5rem;padding:0.3rem 0.8rem;height:auto">EP</span>
+          {#else}
+            <span class="badge badge-ghost" style="font-size:1.5rem;padding:0.3rem 0.8rem;height:auto">{entry.primaryType}</span>
+          {/if}
+        </div>
       </div>
     </div>
   </a>