impr(typing test): limit line length to 70 characters

monkeytypegame · Apr 24, 2024 · 1b5bb70 · 1b5bb70 · mizaagi · Apr 24, 2024
1 parent 0a5e732
commit 1b5bb70
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/frontend/src/styles/keymap.scss b/frontend/src/styles/keymap.scss
@@ -1,4 +1,5 @@
 #keymap {
+  font-size: 1rem;
   display: grid;
   grid-template-rows: 1fr 1fr 1fr;
   justify-content: center;

diff --git a/frontend/src/styles/test.scss b/frontend/src/styles/test.scss
@@ -102,6 +102,9 @@
 
   #typingTest {
     position: relative;
+    max-width: 70ch;
+    width: 100%;
+    margin: 0 auto;
   }
 
   .ssWatermark {
@@ -473,6 +476,7 @@
 }
 
 #wordsInput {
+  font-size: 1rem;
   opacity: 0;
   padding: 0;
   margin: 0 auto;
@@ -487,6 +491,7 @@
 }
 
 #capsWarning {
+  font-size: 1rem;
   background: var(--main-color);
   color: var(--bg-color);
   display: table;
@@ -920,6 +925,7 @@
 }
 
 #restartTestButton {
+  font-size: 1rem;
   margin: 1rem auto 0 auto;
   display: flex;
   padding: 1em 2em;
@@ -1081,6 +1087,7 @@
   }
   #memoryTimer,
   #layoutfluidTimer {
+    font-size: 1rem;
     background: var(--main-color);
     color: var(--bg-color);
     padding: 1rem;
@@ -1111,6 +1118,7 @@
   }
 
   #testModesNotice {
+    font-size: 1rem;
     display: flex;
     flex-wrap: wrap;
     color: var(--sub-color);

diff --git a/frontend/src/ts/config.ts b/frontend/src/ts/config.ts
@@ -1660,7 +1660,7 @@ export function setFontSize(fontSize: number, nosave?: boolean): boolean {
 
   config.fontSize = fontSize;
 
-  $("#words, #caret, #paceCaret, #miniTimerAndLiveWpm").css(
+  $("#caret, #paceCaret, #miniTimerAndLiveWpm, #typingTest").css(
     "fontSize",
     fontSize + "rem"
   );