Baseline Modal

Co-authored-by: dudleycu <dudleyc.twitch@gmail.com>

src/TestPanel.js

@@ -430,7 +430,7 @@ useEffect(()=>{
 <input className="itemBarForm" type="text" placeholder="Filter" />
 </div>
 </div>
-<div className="itemlistcontainer customScrollbar">
+<div className="modalItemListContainer customScrollbar">
 <ul className="itemlist">
 <li className="itemwep r1"><img className="itemimg" alt="" src="64px-NGSUIItemPrimmRifle.png" /><em className="rifle">Primm Rifle</em><br /><span className="atk">177</span>					<span className="pot tooltip">Recycler Unit<span>Lv.4: Potency +24%/<br />20% chance of Restasigne not being consumed on use. Effect starts 10 sec after equip</span></span></li>
 <li className="itemwep r2"><img className="itemimg" alt="" src="64px-NGSUIItemTzviaRifle.png" /><em className="rifle">Tzvia Rifle</em><br /><span className="atk">195</span>					<span className="pot tooltip">Indomitable Unit<span>Lv.4: Potency +26%/<br />All Down Resistances +20%</span></span></li>

src/style.css

@@ -950,6 +950,8 @@ button{
 	flex-basis: 200px;
 	max-width: 580px;
 	outline: 0;
+	height: 95vh;
+	margin: 0 10px;
   }
 .modalOverlay {
     position: fixed;
@@ -957,14 +959,19 @@ button{
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(0,0,0,.80);
-
+    background: rgba(0,0,0,.9);
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: center;
 }
 .boxModal {
-
+}
+.modalItemListContainer {
+		overflow-y: auto;
+		overflow-x: hidden;
+		margin: 10px 5px 0 0;
+		padding: 2px;
+		max-height: calc(90vh - 115px);
 }
 .webicon{
 	color:maroon;