im tired (of commit messages) but also irl

src/TestPanel.js

@@ -1021,6 +1021,12 @@ function deepCopySkills(skillData) {
 
 <Modal ariaHideApp={false} isOpen={augmentSelectWindowOpen} onRequestClose={()=>{setAugmentSelectWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlayAugment">
 <div className="augmentSelectorPopup">
+<div className="box">
+<div className="boxTitleBar">
+              <h1>hi</h1></div>
+
+  </div>
+  
 <div className="box equipWindow">
             <div className="boxTitleBar">
               <h1>Equipped Weapon</h1></div>
@@ -1064,14 +1070,7 @@ function deepCopySkills(skillData) {
 
 
           </div>
-
-
-<div className="box">
-<div className="boxTitleBar">
-              <h1>hi</h1></div>
-test
-  </div>
-  </div>
+          </div>
 </Modal>
 </>
 )

src/style.css

@@ -466,6 +466,10 @@ header a {
 	overflow-y: scroll;
 	max-height: 280px;
 }
+.augmentSelectorPopup .augmentDetailsList {
+max-height: initial;
+overflow-y: initial;
+}
 .augmentDetailsList li {
 	background-color: rgba(128,128,128,0.25);
 	color: white;
@@ -1229,7 +1233,7 @@ button {
 	display: grid;
 	justify-items: stretch;
 	align-items: center;    
-	grid-template-columns: minmax(0,10px) minmax(0, 1fr) minmax(0,10px);
+	grid-template-columns: minmax(10px,1fr) minmax(auto,950px) minmax(10px,1fr);
 	grid-template-rows: 10px minmax(10px, 1fr) 10px;
 	min-height: 100vh;
 	/* mobile viewport bug fix */