From c17c8daf5d89ba775341d8389d18f0a7dca15434 Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Fri, 4 Jul 2025 20:33:12 +0200
Subject: [PATCH] Fixed 'About QGato' not being visible on mobile

---
 static/css/style-menu.css | 12 +++++++++---
 static/css/style.css      |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/static/css/style-menu.css b/static/css/style-menu.css
index c311764..f9fe86d 100644
--- a/static/css/style-menu.css
+++ b/static/css/style-menu.css
@@ -4,7 +4,7 @@
     right: 20px;
     top: 25px;
     position: fixed;
-    z-index: 9999;
+    z-index: 800;
 }
 
 .settings-icon-link-search {
@@ -19,7 +19,7 @@
     width: 330px;
     right: 0;
     margin-top: 50px;
-    z-index: 9999;
+    z-index: 700;
     margin-right: 20px;
     background-color: var(--html-bg);
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
@@ -155,7 +155,7 @@
     transform: translate(-50%, -50%);
 
     /* Keep it on top */
-    z-index: 999;
+    z-index: 900;
 
     /* Match mini-menu background style */
     background-color: var(--html-bg);
@@ -174,6 +174,12 @@
     color: var(--font-fg);
 }
 
+@media (max-width: 450px) {
+    #aboutQGatoModal {
+        width: 80%;
+    }
+}
+
 #aboutQGatoModal #close-button {
     position: absolute;
     top: 12px;
diff --git a/static/css/style.css b/static/css/style.css
index 9561c86..6683a92 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -640,7 +640,7 @@ p {
     width: 100%;
     border-bottom: 1px solid var(--border);
     position: fixed;
-    z-index: 999;
+    z-index: 600;
     top: 0;
 }