From 09805016ba35cab56386dcb40fb68864c4ebc0a3 Mon Sep 17 00:00:00 2001
From: mingjun97 <my@lyric.today>
Date: Tue, 10 May 2022 00:51:11 -0700
Subject: [PATCH] UI tweak for mobile devices

---
 scripts/cheat/item.js    | 6 +++---
 scripts/cheat/monster.js | 6 +++---
 scripts/cheat/reli.js    | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/scripts/cheat/item.js b/scripts/cheat/item.js
index c9eb94c..347431a 100644
--- a/scripts/cheat/item.js
+++ b/scripts/cheat/item.js
@@ -15,7 +15,7 @@ function genItem() {
                         <input id="item-search" style="flex: 4" type="text" placeholder="Search Item Name" />
                         <button id="clear" style="margin-left: 0.25em; transition: all ease-in-out 0.5s; flex: 0; opacity: 0;">Clear</button>
                     </div>
-                    <div id="name-list" style="overflow-y: auto; overflow-x: hidden; max-height: 20em;height: 100%; transition: all ease-in-out 0.5s;">
+                    <div id="name-list" style="overflow-y: auto; overflow-x: hidden; max-height: 10em;height: 100%; transition: all ease-in-out 0.5s;">
                     </div>
                 </div>
             <label for="amount">Amount:</label><input type="number" id="amount" name="amount" value=100 />
@@ -36,7 +36,7 @@ function genItem() {
             clearTimeout(delayedSearch);
         }
         delayedSearch = setTimeout(() => updateItemList(), 500);
-        document.getElementById("name-list").style.height = "20em";
+        document.getElementById("name-list").style.height = "10em";
     };
     document.getElementById("clear").onclick = ()=>{
         document.getElementById("item-search").value = "";
@@ -88,7 +88,7 @@ function updateItemList() {
     var filter = document.getElementById("item-search").value;
     var list = document.getElementById("name-list");
     list.innerHTML = "";
-    list.style.height = "20em";
+    list.style.height = "10em";
     item_data.forEach(element => {
         if (filter == "" || element.name.toLowerCase().indexOf(filter.toLowerCase()) != -1) {
             var o = document.createElement("label");
diff --git a/scripts/cheat/monster.js b/scripts/cheat/monster.js
index d6142a1..7024e3b 100644
--- a/scripts/cheat/monster.js
+++ b/scripts/cheat/monster.js
@@ -10,7 +10,7 @@ function genMonster() {
                         <input id="entity-search" style="flex: 4" type="text" placeholder="Search Entity Name" />
                         <button id="clear" style="margin-left: 0.25em; transition: all ease-in-out 0.5s; flex: 0; opacity: 0;">Clear</button>
                     </div>
-                    <div id="name-list" style="overflow-y: auto; overflow-x: hidden; max-height: 20em;height: 100%; transition: all ease-in-out 0.5s;">
+                    <div id="name-list" style="overflow-y: auto; overflow-x: hidden; max-height: 10em;height: 100%; transition: all ease-in-out 0.5s;">
                     </div>
                 </div>
             <label for="amount">Amount:</label><input type="number" id="amount" name="amount" value=1 />
@@ -32,7 +32,7 @@ function genMonster() {
             clearTimeout(delayedSearch);
         }
         delayedSearch = setTimeout(() => updateEntityList(), 500);
-        document.getElementById("name-list").style.height = "20em";
+        document.getElementById("name-list").style.height = "10em";
     };
     document.getElementById("clear").onclick = ()=>{
         document.getElementById("entity-search").value = "";
@@ -84,7 +84,7 @@ function updateEntityList() {
     var filter = document.getElementById("entity-search").value;
     var list = document.getElementById("name-list");
     list.innerHTML = "";
-    list.style.height = "20em";
+    list.style.height = "10em";
     monster_data.forEach(element => {
         if (filter == "" || element.name.toLowerCase().indexOf(filter.toLowerCase()) != -1) {
             var o = document.createElement("label");
diff --git a/scripts/cheat/reli.js b/scripts/cheat/reli.js
index 722a0e3..a6e7d85 100644
--- a/scripts/cheat/reli.js
+++ b/scripts/cheat/reli.js
@@ -201,7 +201,7 @@ function updateQualityList() {
                 })
             })
         })
-        document.getElementById("search-box").style.height = "20em";
+        document.getElementById("search-box").style.height = "10em";
     }
 }