fix(test config): applying preset doesnt show punctuation and numbers

Author: Miodec

frontend/src/ts/test/test-config.ts

@@ -31,14 +31,20 @@ export async function instantUpdate(): Promise<void> {
   $("#testConfig .zen").addClass("hidden");
 
   if (Config.mode === "time") {
-    $("#testConfig .puncAndNum").removeClass("hidden");
+    $("#testConfig .puncAndNum").removeClass("hidden").css({
+      width: "",
+      opacity: "",
+    });
     $("#testConfig .leftSpacer").removeClass("scrolled");
     $("#testConfig .rightSpacer").removeClass("scrolled");
     $("#testConfig .time").removeClass("hidden");
 
     updateActiveExtraButtons("time", Config.time);
   } else if (Config.mode === "words") {
-    $("#testConfig .puncAndNum").removeClass("hidden");
+    $("#testConfig .puncAndNum").removeClass("hidden").css({
+      width: "",
+      opacity: "",
+    });
     $("#testConfig .leftSpacer").removeClass("scrolled");
     $("#testConfig .rightSpacer").removeClass("scrolled");
     $("#testConfig .wordCount").removeClass("hidden");
@@ -50,7 +56,10 @@ export async function instantUpdate(): Promise<void> {
 
     updateActiveExtraButtons("quoteLength", Config.quoteLength);
   } else if (Config.mode === "custom") {
-    $("#testConfig .puncAndNum").removeClass("hidden");
+    $("#testConfig .puncAndNum").removeClass("hidden").css({
+      width: "",
+      opacity: "",
+    });
     $("#testConfig .leftSpacer").removeClass("scrolled");
     $("#testConfig .rightSpacer").removeClass("scrolled");
     $("#testConfig .customText").removeClass("hidden");