From 1a58dbf6f5eaa8b6f5d153ed92a7fdc768122df3 Mon Sep 17 00:00:00 2001
From: ebolam <ebolam@gmail.com>
Date: Thu, 7 Sep 2023 20:34:32 -0400
Subject: [PATCH] Fix for menu buttons going over slide outs on mobile

---
 static/koboldai.css | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/static/koboldai.css b/static/koboldai.css
index 5ca2bf1c..1e2b2bf1 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -443,7 +443,7 @@ border-top-right-radius: var(--tabs_rounding);
 	position: fixed;
 	top:10px;
 	left: 5px;
-	z-index:50;
+	z-index:21;
 	display: inline-block;
 	cursor: pointer;
 }
@@ -465,7 +465,7 @@ border-top-right-radius: var(--tabs_rounding);
 	position: absolute;
 	top:10px;
 	left: calc(var(--flyout_menu_width) - 20px);
-	z-index:50;
+	z-index:21;
 	width: 25px;
 	height: 25px;
 	color: #999;
@@ -492,7 +492,7 @@ border-top-right-radius: var(--tabs_rounding);
 	top:8px;
 	color: var(--text);
 	left: calc(var(--flyout_menu_width) - 133px);
-	z-index:50;
+	z-index:21;
 	width: 25px;
 	height: 25px;
 	display: inline-block;
@@ -502,7 +502,7 @@ border-top-right-radius: var(--tabs_rounding);
 
 .SideMenu {
 	height: 100%;
-	z-index: 4;
+	z-index: 20;
 	color: var(--flyout_text);
 	width: var(--flyout_menu_width);
 	box-shadow: var(--left_menu_strong_shadow);
@@ -900,7 +900,7 @@ border-top-right-radius: var(--tabs_rounding);
 	position: fixed;
 	top:10px;
 	right: 5px;
-	z-index:50;
+	z-index:11;
 	display: inline-block;
 	cursor: pointer;
 	grid-area: lefticon;
@@ -914,12 +914,11 @@ border-top-right-radius: var(--tabs_rounding);
 }
 
 .rightSideMenu {
-	z-index: 3;
 	height: 100%;
 	position: fixed;
 	color: var(--flyout_text);
 	box-shadow: var(--right_menu_strong_shadow);
-	z-index: 3;
+	z-index: 10;
 	top: 0;
 	right: 0;
 	background-color: var(--flyout_background);