From 851a1fcf5fee4c9d3463f5a0b076f55d9348bd12 Mon Sep 17 00:00:00 2001
From: Johnnybegood90 <droidente@me.com>
Date: Tue, 17 Mar 2026 04:03:33 +0100
Subject: [PATCH 1/3] Add GitHub and Buy Me a Coffee links to the top bar

---
 src/css/topbar.css | 19 +++++++++++++++++++
 src/tpl/topbar.php |  4 ++++
 2 files changed, 23 insertions(+)

diff --git a/src/css/topbar.css b/src/css/topbar.css
index d58f4a5..99ca6ce 100644
--- a/src/css/topbar.css
+++ b/src/css/topbar.css
@@ -117,6 +117,24 @@
     border-color: var(--accent);
     color: var(--accent);
   }
+  .support-links {
+    display: flex;
+    gap: 4px;
+    flex-shrink: 0;
+  }
+  .support-link-github:hover {
+    border-color: var(--text);
+    color: var(--text);
+  }
+  .support-link-coffee {
+    border-color: #f6c453;
+    color: #f6c453;
+  }
+  .support-link-coffee:hover {
+    border-color: #ffd978;
+    color: #ffd978;
+    background: rgba(246, 196, 83, 0.08);
+  }
 
 /* ═══════════════════════════════════════════
      RESPONSIVE
@@ -179,6 +197,7 @@
     .logo { font-size: 11px; }
     .clock { font-size: 14px; }
     .category-filter { max-width: 100%; }
+    .support-links { width: 100%; }
 
     .grid-wrapper { display: none; }
     .mobile-view { display: block; }
diff --git a/src/tpl/topbar.php b/src/tpl/topbar.php
index ee54cde..1a829e9 100644
--- a/src/tpl/topbar.php
+++ b/src/tpl/topbar.php
@@ -62,6 +62,10 @@ foreach ($theme_files as $file) {
     <option value=""><?= htmlspecialchars($L["category_all"] ?? 'All categories') ?></option>
   </select>
   <button class="search-btn" onclick="toggleSearch()" title="Search">&#128269;</button>
+  <div class="support-links">
+    <a class="copy-btn support-link support-link-github" href="https://github.com/Johnnybegood90/GridTV" target="_blank" rel="noopener" title="GitHub">GitHub</a>
+    <a class="copy-btn support-link support-link-coffee" href="https://buymeacoffee.com/johnnybegood320" target="_blank" rel="noopener" title="Buy Me a Coffee">Buy Me a Coffee</a>
+  </div>
   <div class="live-dot"><?= htmlspecialchars($L["live"]) ?></div>
 </div>
 <div class="search-bar" id="searchBar">

From d7b0730ab27657b2a865d838e4bd209e0f6648d3 Mon Sep 17 00:00:00 2001
From: Johnnybegood90 <droidente@me.com>
Date: Tue, 17 Mar 2026 04:05:38 +0100
Subject: [PATCH 2/3] fix: Align GitHub and Buy Me a Coffee links on the right
 side of the top bar

---
 src/css/topbar.css | 11 +++++++++--
 src/tpl/topbar.php | 10 ++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/css/topbar.css b/src/css/topbar.css
index 99ca6ce..a18494a 100644
--- a/src/css/topbar.css
+++ b/src/css/topbar.css
@@ -25,6 +25,14 @@
   .logo span { color: var(--text-dim); margin: 0 5px; }
   .logo-sub { display: inline; }
 
+  .topbar-right {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-left: auto;
+    flex-shrink: 0;
+  }
+
   .live-dot {
     display: flex;
     align-items: center;
@@ -33,7 +41,6 @@
     font-family: 'Share Tech Mono', monospace;
     color: var(--accent-live);
     letter-spacing: 0.1em;
-    margin-left: auto;
     flex-shrink: 0;
   }
   .live-dot::before {
@@ -197,7 +204,7 @@
     .logo { font-size: 11px; }
     .clock { font-size: 14px; }
     .category-filter { max-width: 100%; }
-    .support-links { width: 100%; }
+    .topbar-right { width: 100%; justify-content: space-between; }
 
     .grid-wrapper { display: none; }
     .mobile-view { display: block; }
diff --git a/src/tpl/topbar.php b/src/tpl/topbar.php
index 1a829e9..edbc34d 100644
--- a/src/tpl/topbar.php
+++ b/src/tpl/topbar.php
@@ -62,11 +62,13 @@ foreach ($theme_files as $file) {
     <option value=""><?= htmlspecialchars($L["category_all"] ?? 'All categories') ?></option>
   </select>
   <button class="search-btn" onclick="toggleSearch()" title="Search">&#128269;</button>
-  <div class="support-links">
-    <a class="copy-btn support-link support-link-github" href="https://github.com/Johnnybegood90/GridTV" target="_blank" rel="noopener" title="GitHub">GitHub</a>
-    <a class="copy-btn support-link support-link-coffee" href="https://buymeacoffee.com/johnnybegood320" target="_blank" rel="noopener" title="Buy Me a Coffee">Buy Me a Coffee</a>
+  <div class="topbar-right">
+    <div class="support-links">
+      <a class="copy-btn support-link support-link-github" href="https://github.com/Johnnybegood90/GridTV" target="_blank" rel="noopener" title="GitHub">GitHub</a>
+      <a class="copy-btn support-link support-link-coffee" href="https://buymeacoffee.com/johnnybegood320" target="_blank" rel="noopener" title="Buy Me a Coffee">Buy Me a Coffee</a>
+    </div>
+    <div class="live-dot"><?= htmlspecialchars($L["live"]) ?></div>
   </div>
-  <div class="live-dot"><?= htmlspecialchars($L["live"]) ?></div>
 </div>
 <div class="search-bar" id="searchBar">
   <input class="search-input" id="searchInput" type="text" placeholder="<?= htmlspecialchars($L["search_placeholder"]) ?>" oninput="onSearchInput(this.value)" />

From 642e090c328213c2546fbbab1c59eeca08d7eb05 Mon Sep 17 00:00:00 2001
From: Johnnybegood90 <droidente@me.com>
Date: Tue, 17 Mar 2026 04:07:53 +0100
Subject: [PATCH 3/3] fix: top bar wrapping so support links stay inline on
 desktop

---
 src/css/topbar.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/css/topbar.css b/src/css/topbar.css
index a18494a..eef7882 100644
--- a/src/css/topbar.css
+++ b/src/css/topbar.css
@@ -7,6 +7,7 @@
     border-bottom: 1px solid var(--border);
     display: flex;
     align-items: center;
+    flex-wrap: nowrap;
     padding: 0 16px;
     gap: 12px;
     flex-shrink: 0;
@@ -193,7 +194,8 @@
   .category-filter:hover { border-color: var(--accent2); color: var(--accent2); }
   .category-filter option { background: #111; color: #eee; font-family: sans-serif; }
 
-      body { overflow: hidden; }
+  @media (max-width: 600px) {
+    body { overflow: hidden; }
 
     .topbar {
       height: auto;