From 476c6dce4c2d1f9f28fcd654dcbfe380aee4af2f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 20 Mar 2026 17:48:37 +0000
Subject: [PATCH 1/2] Fix: Move copy button inside codebox to fix visibility on
 brand page

Co-authored-by: kiyarose <75678535+kiyarose@users.noreply.github.com>
Agent-Logs-Url: https://github.com/SillyLittleTech/lander/sessions/95786c2e-8426-4962-9e32-0a5d8b95169d
---
 brand.css  |  2 ++
 brand.html | 15 +++++----------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/brand.css b/brand.css
index be941c7..d5f68c4 100644
--- a/brand.css
+++ b/brand.css
@@ -99,6 +99,8 @@ button.copy-btn {
   padding: 6px 8px;
   border-radius: 6px;
   font-weight: 700;
+  cursor: pointer;
+  z-index: 1;
 }
 /* keep Tech lighter in the brand wordmark */
 .brand-wordmark .tech-thin {
diff --git a/brand.html b/brand.html
index 01216a1..d32dd7d 100644
--- a/brand.html
+++ b/brand.html
@@ -228,16 +228,11 @@ <h3>Badges (raster)</h3>
           </label>
         </div>
 
-        <div style="position: relative">
-          <button class="copy-btn" id="copyBtn" aria-label="Copy embed code">
-            Copy
-          </button>
-          <pre
-            class="codebox"
-            id="codeBox"
-            aria-live="polite"
-          ><code id="codeContent"></code></pre>
-        </div>
+        <pre
+          class="codebox"
+          id="codeBox"
+          aria-live="polite"
+        ><button class="copy-btn" id="copyBtn" aria-label="Copy embed code">Copy</button><code id="codeContent"></code></pre>
       </section>
 
       <section class="brand-section">

From 4c69cb03097b82286dfb14aa71925ae1908ed2e8 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 20 Mar 2026 17:57:33 +0000
Subject: [PATCH 2/2] Fix copy button: solid background, outside scroll
 container, clean up duplicate CSS rule

Co-authored-by: kiyarose <75678535+kiyarose@users.noreply.github.com>
Agent-Logs-Url: https://github.com/SillyLittleTech/lander/sessions/a3f820f0-13cd-462d-99b7-6f488c044450
---
 brand.css  | 16 +++++++---------
 brand.html | 15 ++++++++++-----
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/brand.css b/brand.css
index d5f68c4..05eb0ff 100644
--- a/brand.css
+++ b/brand.css
@@ -51,13 +51,6 @@
   max-width: 720px;
 }
 
-/* center codebox */
-pre.codebox {
-  max-width: 820px;
-  margin: 12px auto;
-  text-align: left;
-}
-
 /* tabs */
 .tab {
   padding: 6px 10px;
@@ -79,6 +72,11 @@ pre.codebox {
 }
 
 /* codebox */
+.codebox-wrapper {
+  position: relative;
+  max-width: 820px;
+  margin: 12px auto;
+}
 pre.codebox {
   background: var(--card-bg);
   color: var(--text-color);
@@ -86,14 +84,14 @@ pre.codebox {
   border-radius: 10px;
   border: 1px solid var(--border-color);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
-  position: relative;
   overflow: auto;
+  text-align: left;
 }
 button.copy-btn {
   position: absolute;
   right: 10px;
   top: 10px;
-  background: transparent;
+  background: var(--card-bg);
   color: var(--text-color);
   border: 1px solid var(--border-color);
   padding: 6px 8px;
diff --git a/brand.html b/brand.html
index d32dd7d..acaccdb 100644
--- a/brand.html
+++ b/brand.html
@@ -228,11 +228,16 @@ <h3>Badges (raster)</h3>
           </label>
         </div>
 
-        <pre
-          class="codebox"
-          id="codeBox"
-          aria-live="polite"
-        ><button class="copy-btn" id="copyBtn" aria-label="Copy embed code">Copy</button><code id="codeContent"></code></pre>
+        <div class="codebox-wrapper">
+          <button class="copy-btn" id="copyBtn" aria-label="Copy embed code">
+            Copy
+          </button>
+          <pre
+            class="codebox"
+            id="codeBox"
+            aria-live="polite"
+          ><code id="codeContent"></code></pre>
+        </div>
       </section>
 
       <section class="brand-section">