Converted pop-up boxes to use css flex

css/popupboxes.scss

@@ -8,6 +8,8 @@
     z-index: 10; /* Sit on top */
     left: 0;
     top: 0;
+    align-items:center;
+    justify-content:center;
     width: 100%;
     height: 100%;
     overflow: auto;
@@ -16,10 +18,21 @@
 
 .popup-box-content {
     background-color: var(--my-background-color);
-    margin: 15% auto;
     padding: 12px;
     border: 5px solid var(--my-highlight-color);
     width: 70%;
+    max-height:80%;
+    /*
+    margin: auto;
+    height:auto;
+    max-height:80%;
+    position:absolute;
+    top:0;
+    left:0;
+    bottom:0;
+    right:0;
+    */
+    overflow-y:auto;
     color: var(--my-font-color);
 }
 
@@ -141,11 +154,12 @@
 
 #game-options-content {
     background-color: var(--my-background-color);
-    margin: 15% auto;
     padding: 10px;
     border: 5px solid var(--my-highlight-color);
-    width: 60%;
     color: var(--my-font-color);
+    width: 80%;
+    max-height:80%;
+    overflow-y:auto;
 }
 
 #game-options-left-panel,