From b8e6171c310bacfd1529705dd1c996243c1f1d90 Mon Sep 17 00:00:00 2001
From: pythongosssss <125205205+pythongosssss@users.noreply.github.com>
Date: Sat, 25 Feb 2023 20:58:03 +0000
Subject: [PATCH] Shift menu up on small screens

---
 webshit/index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/webshit/index.html b/webshit/index.html
index 89fa249f9..4f552158c 100644
--- a/webshit/index.html
+++ b/webshit/index.html
@@ -58,6 +58,13 @@
     white-space: pre-line; /* This will respect line breaks */
     margin-bottom: 20px; /* Add some margin between the text and the close button*/
 }
+
+@media only screen and (max-height: 850px) {
+    #menu {
+        margin-top: -70px;
+    }
+}
+
 </style>
 <div id="myErrorModal" class="modal">
   <div class="modal-content">
@@ -914,7 +921,7 @@ function clearItems(type) {
 
 </script>
 
-<span style="font-size: 15px;position: absolute; top: 50%; right: 0%; background-color: white; text-align: center; z-index: 100;width:170px; transform: translateY(-50%);">
+<span id="menu" style="font-size: 15px;position: absolute; top: 50%; right: 0%; background-color: white; text-align: center; z-index: 100;width:170px">
 <span id="queuesize">Queue size: X</span><br>
 <button style="font-size: 20px;width: 100%;" id="queuebutton" onclick="postPrompt(0)">Queue Prompt</button><br>
 <span style="left: 0%;">