From 70e33f290fc24a984a08a45106a29daadfe0ccce Mon Sep 17 00:00:00 2001
From: loki5512344 <mauhhhh7@gmail.com>
Date: Tue, 29 Sep 2026 18:53:52 +0200
Subject: [PATCH] fix(download): keep the GitHub label visible under the ribbon

---
 frontend/src/pages/download/DownloadPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/download/DownloadPage.tsx b/frontend/src/pages/download/DownloadPage.tsx
index 0fd4a72..7b2a31d 100644
--- a/frontend/src/pages/download/DownloadPage.tsx
+++ b/frontend/src/pages/download/DownloadPage.tsx
@@ -24,7 +24,9 @@ function GithubButtonOnHold() {
       <span aria-disabled="true" className="lv-cta-quiet-lg cursor-not-allowed opacity-60">
         {t('page.githubButton')}
       </span>
-      <span className="pointer-events-none absolute left-1/2 top-1/2 w-[calc(100%+1.5rem)] -translate-x-1/2 -translate-y-1/2 -rotate-[7deg] rounded-sm bg-ember px-3 py-1 text-center font-code text-xs font-bold uppercase text-abyss shadow-lg">
+      {/* Band sits on the top edge: the ribbon stays on top of the button
+          without hiding its label. */}
+      <span className="pointer-events-none absolute left-1/2 top-0 w-[calc(100%+1.5rem)] -translate-x-1/2 -translate-y-1/2 -rotate-[7deg] rounded-sm bg-ember px-3 py-1 text-center font-code text-xs font-bold uppercase text-abyss shadow-lg">
         {t('page.githubSoon')}
       </span>
     </span>