From 96c9835a27b523727d298c2abb9f341d4c429555 Mon Sep 17 00:00:00 2001
From: Johnnybegood90 <droidente@me.com>
Date: Sat, 14 Mar 2026 00:00:05 +0100
Subject: [PATCH] Hotfix css mobile

---
 src/css/mobile.css | 19 +++++++++++++++++++
 src/css/topbar.css |  4 +---
 src/tpl/head.php   |  2 +-
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/css/mobile.css b/src/css/mobile.css
index d36bdfb..5391a63 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -189,3 +189,22 @@
     padding: 8px 18px;
     cursor: pointer;
   }
+
+@media (max-width: 600px) {
+    html, body { height: 100%; overflow: hidden; }
+    body { overflow: hidden; }
+
+    .topbar {
+      height: auto;
+      flex-wrap: wrap;
+      padding: 8px 12px;
+      gap: 8px;
+    }
+    .logo { font-size: 11px; }
+    .clock { font-size: 14px; }
+
+    .grid-wrapper { display: none; }
+    .mobile-view { display: block; }
+    .tooltip { display: none !important; }
+    #navBtns { display: none !important; }
+  }
diff --git a/src/css/topbar.css b/src/css/topbar.css
index a314444..e33eff1 100644
--- a/src/css/topbar.css
+++ b/src/css/topbar.css
@@ -148,9 +148,7 @@
   .theme-select:hover { border-color: var(--accent2); color: var(--accent2); }
   .theme-select option { background: #111; color: #eee; font-family: sans-serif; }
 
-  @media (max-width: 600px) {
-    html, body { height: 100%; overflow: hidden; }
-    body { overflow: hidden; }
+      body { overflow: hidden; }
 
     .topbar {
       height: auto;
diff --git a/src/tpl/head.php b/src/tpl/head.php
index f202358..6e1ea29 100644
--- a/src/tpl/head.php
+++ b/src/tpl/head.php
@@ -15,7 +15,7 @@
 <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Barlow+Condensed:wght@300;400;600;700&display=swap" rel="stylesheet">
 <?php
 $css_dir = __DIR__ . '/../css/';
-$css_files = ['base', 'topbar', 'grid', 'mobile', 'player', 'modals', 'search', 'program', 'favorites', 'updater'];
+$css_files = ['base', 'grid', 'mobile', 'topbar', 'player', 'modals', 'search', 'program', 'favorites', 'updater'];
 echo "<style>\n";
 foreach ($css_files as $file) {
     echo file_get_contents($css_dir . $file . '.css') . "\n";