From 4efcff8f897bf527f97158783f6eaccc7f05897a Mon Sep 17 00:00:00 2001
From: Brian McMahon <brian@nousergon.ai>
Date: Sat, 15 Aug 2026 09:25:30 -0700
Subject: [PATCH] Move release-card date badge to top-right, off the cover art
 watermark

DistroKid's auto-generated cover art carries a watermark near the
bottom, which the bottom-right date label was overlapping.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/pages/index.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 79515e2..deb2e28 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -94,11 +94,11 @@ const youtubeEmbedSrc = `https://www.youtube-nocookie.com/embed/videoseries?list
                   class="aspect-[3/2] w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"
                 />
                 <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/85 via-black/15 to-transparent" />
-                <div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-4">
+                <span class="js-release-label pointer-events-none absolute right-3 top-3 shrink-0 rounded-md bg-black/60 px-2 py-1 font-mono text-[0.6rem] tracking-[0.15em] text-[var(--color-accent-soft)] backdrop-blur-sm">
+                  {st === 'outnow' ? 'out now' : fmtDate(r.dt)}
+                </span>
+                <div class="absolute inset-x-0 bottom-0 p-4">
                   <span class="text-sm leading-tight tracking-wide text-[var(--color-ink)]">{r.title}</span>
-                  <span class="js-release-label shrink-0 font-mono text-[0.6rem] tracking-[0.15em] text-[var(--color-accent-soft)]">
-                    {st === 'outnow' ? 'out now' : fmtDate(r.dt)}
-                  </span>
                 </div>
               </a>
             );