added mobile config button

frontend/src/styles/test.scss

@@ -982,6 +982,16 @@
   }
 }
 
+#mobileTestConfig {
+  padding: 0.25rem 1rem;
+  background: var(--sub-alt-color);
+  border-radius: var(--roundness);
+  width: max-content;
+  justify-self: center;
+  display: none;
+  height: max-content;
+}
+
 #testConfig {
   display: grid;
   font-size: 0.75rem;

frontend/src/styles/z_media-queries.scss

@@ -857,6 +857,14 @@
     }
   }
 
+  #testConfig {
+    display: none;
+  }
+
+  #mobileTestConfig {
+    display: block;
+  }
+
   #bottom {
     font-size: 0.65rem;
     .leftright {
@@ -930,6 +938,16 @@
   }
 }
 
+@media (pointer: coarse) and (max-width: 800px) {
+  #testConfig {
+    display: none;
+  }
+
+  #mobileTestConfig {
+    display: block;
+  }
+}
+
 @media (hover: none) and (pointer: coarse) {
   #commandLineMobileButton {
     display: block !important;

frontend/src/ts/popups/mobile-test-config-popup.ts

@@ -89,7 +89,7 @@ $("#mobileTestConfigPopupWrapper").on("click", (e) => {
   }
 });
 
-$("#top .mobileConfig").on("click", () => {
+$("#mobileTestConfig").on("click", () => {
   showPopup();
 });
 

frontend/static/html/pages/test.html

@@ -102,6 +102,12 @@
       </div>
     </div>
   </div>
+  <div id="mobileTestConfig">
+    <div class="textButton">
+      <i class="fas fa-fw fa-cog"></i>
+      Test Settings
+    </div>
+  </div>
   <div id="typingTest">
     <div id="capsWarning" class="hidden">
       <i class="fas fa-lock"></i>