impr: center mini stats when using tape mode (@notTamion) (monkeytypegame#6100)

notTamion · web-flow · commit 0c8d156be25e · 2025-01-06T11:33:19.000+01:00
### Description old: ![image](https://github.com/user-attachments/assets/db11fa1c-f993-4ad0-9fcd-a5419bbea2ea) new: ![image](https://github.com/user-attachments/assets/5956e4fb-6328-488b-a655-8d94c632ac42)
diff --git a/frontend/src/ts/test/test-ui.ts b/frontend/src/ts/test/test-ui.ts
@@ -184,8 +184,12 @@ ConfigEvent.subscribe((eventKey, eventValue, nosave) => {
   if (eventKey === "tapeMode" && !nosave) {
     if (eventValue === "off") {
       $("#words").css("margin-left", "unset");
+      $("#liveStatsMini").css("display", "").css("justify-content", "");
     } else {
       scrollTape();
+      $("#liveStatsMini")
+        .css("display", "flex")
+        .css("justify-content", "center");
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -184,8 +184,12 @@ ConfigEvent.subscribe((eventKey, eventValue, nosave) => {`
`184`	`184`	`if (eventKey === "tapeMode" && !nosave) {`
`185`	`185`	`if (eventValue === "off") {`
`186`	`186`	`$("#words").css("margin-left", "unset");`
	`187`	`+ $("#liveStatsMini").css("display", "").css("justify-content", "");`
`187`	`188`	`} else {`
`188`	`189`	`scrollTape();`
	`190`	`+ $("#liveStatsMini")`
	`191`	`+ .css("display", "flex")`
	`192`	`+ .css("justify-content", "center");`
`189`	`193`	`}`
`190`	`194`	`}`
`191`	`195`