From 999301a4d91ecc497769d8b469d0e59745b964a6 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Fri, 16 Aug 2024 14:29:11 +0000
Subject: [PATCH 1/5] created a new class to handle input dropdown so it
 doesn't overflow

---
 src/styles/styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/styles.css b/src/styles/styles.css
index e4a3e1b..025dadc 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -311,6 +311,10 @@ h6 {
   border-radius: 10px;
 }
 
+.inputWrapperMain.inputWrapperMainAlt {
+  overflow: unset;
+}
+
 .inputWrapperMainWrapper {
   width: 100%;
   display: flex;

From b5fd5ded6a45edad60f9d15a95fed1caf423ea37 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Fri, 16 Aug 2024 14:32:49 +0000
Subject: [PATCH 2/5] fixed an issue that was preventing the games list from
 visually appearing

---
 src/components/ModForm.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ModForm.tsx b/src/components/ModForm.tsx
index 836f5df..5c39428 100644
--- a/src/components/ModForm.tsx
+++ b/src/components/ModForm.tsx
@@ -780,7 +780,7 @@ const GameDropdown = ({
         can add it.
       </p>
       <div className='dropdown dropdownMain'>
-        <div className='inputWrapperMain'>
+        <div className='inputWrapperMain inputWrapperMainAlt'>
           <input
             ref={inputRef}
             type='text'

From 3b594fb5ebe3cfe3b5f0dc0c2372f44c4e8434ff Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Fri, 16 Aug 2024 15:27:37 +0000
Subject: [PATCH 3/5] test temp fix for game list ux in game submission

---
 src/styles/styles.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/styles/styles.css b/src/styles/styles.css
index 025dadc..f09b2fb 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -246,6 +246,33 @@ h6 {
   font-size: 16px;
 }
 
+/* the 4 classes below here are a temp fix for the games dropdown stylings */
+
+.dropdownMainMenu.dropdownMainMenuAlt {
+
+}
+
+.dropdownMainMenu.dropdownMainMenuAlt > div {
+    height: 100px!important;
+}
+
+.dropdownMainMenu.dropdownMainMenuAlt > div > div {
+    height: unset!important;
+    width: 100%!important;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    max-height: 100px;
+    overflow: auto;
+    padding: 5px;
+}
+
+.dropdownMainMenu.dropdownMainMenuAlt > div > div > div {
+    position: relative!important;
+    left: unset!important;
+    top: unset!important;
+}
+
 .dropdownMainMenuItem {
   transition: ease 0.4s;
   background: linear-gradient(

From f9498d8d8fbba9a8999431b67ddefc9de7fac84b Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Fri, 16 Aug 2024 15:30:23 +0000
Subject: [PATCH 4/5] test temp fix for game list ux in game submission

---
 src/components/ModForm.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ModForm.tsx b/src/components/ModForm.tsx
index 5c39428..da0ffd6 100644
--- a/src/components/ModForm.tsx
+++ b/src/components/ModForm.tsx
@@ -812,7 +812,7 @@ const GameDropdown = ({
               <path d='M480 416C497.7 416 512 430.3 512 448C512 465.7 497.7 480 480 480H150.6C133.7 480 117.4 473.3 105.4 461.3L25.37 381.3C.3786 356.3 .3786 315.7 25.37 290.7L258.7 57.37C283.7 32.38 324.3 32.38 349.3 57.37L486.6 194.7C511.6 219.7 511.6 260.3 486.6 285.3L355.9 416H480zM265.4 416L332.7 348.7L195.3 211.3L70.63 336L150.6 416L265.4 416z'></path>
             </svg>
           </button>
-          <div className='dropdown-menu dropdownMainMenu'>
+          <div className='dropdown-menu dropdownMainMenu dropdownMainMenuAlt'>
             <List
               height={500}
               width={'100%'}

From cc31325bb7ed759cad98e3f8f99a2719af405b85 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Fri, 16 Aug 2024 15:35:08 +0000
Subject: [PATCH 5/5] Update src/styles/styles.css

---
 src/styles/styles.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/styles/styles.css b/src/styles/styles.css
index f09b2fb..8250b51 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -249,11 +249,12 @@ h6 {
 /* the 4 classes below here are a temp fix for the games dropdown stylings */
 
 .dropdownMainMenu.dropdownMainMenuAlt {
+  max-height: unset!important;
 
 }
 
 .dropdownMainMenu.dropdownMainMenuAlt > div {
-    height: 100px!important;
+    height: unset!important;
 }
 
 .dropdownMainMenu.dropdownMainMenuAlt > div > div {
@@ -262,7 +263,7 @@ h6 {
     display: flex;
     flex-direction: column;
     gap: 5px;
-    max-height: 100px;
+    max-height: 300px;
     overflow: auto;
     padding: 5px;
 }