Hotfix css mobile

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; }
+  }

src/css/topbar.css

@@ -148,8 +148,6 @@
   .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; }
 
     .topbar {

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";