Skip to content

Commit e5079ac

Browse files
Merge pull request steam-bell-92#392 from anujsharma8d/fix/start-game-button
Fix start button in Typing Speed Tester
2 parents 6faf771 + 505e87b commit e5079ac

1 file changed

Lines changed: 32 additions & 17 deletions

File tree

web-app/js/projects/typing-speed-tester.js

Lines changed: 32 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ function getTypingSpeedTesterHTML() {
77
<p style="margin-bottom: 10px;">
88
Type the exact sentence shown below 👇
99
</p>
10+
1011
1112
<div
1213
id="typingSentence"
@@ -22,30 +23,44 @@ function getTypingSpeedTesterHTML() {
2223
Click Start Test 🚀
2324
</div>
2425
25-
<textarea
26-
id="typingInput"
27-
placeholder="Start typing here..."
28-
rows="5"
29-
disabled
30-
style="
31-
width: 100%;
32-
padding: 15px;
33-
border-radius: 10px;
34-
font-size: 16px;
35-
margin-bottom: 20px;
36-
background: var(--surface-color);
37-
color: var(--text-color);
38-
border: 1px solid var(--border-color);
39-
"
40-
></textarea>
41-
4226
<button
4327
id="startTypingBtn"
4428
class="btn-play"
29+
style="
30+
margin-bottom: 20px;
31+
font-weight: 700;
32+
font-size: 16px;
33+
width:auto;
34+
min-height: 44px;
35+
padding: 12px 24px;
36+
border-radius: 30px;
37+
background-color:var(--accent-color);
38+
color:white;
39+
"
4540
>
4641
Start Test 🚀
4742
</button>
4843
44+
<div>
45+
<textarea
46+
id="typingInput"
47+
placeholder="Start typing here..."
48+
rows="5"
49+
disabled
50+
style="
51+
width: 100%;
52+
padding: 15px;
53+
border-radius: 10px;
54+
font-size: 16px;
55+
margin-bottom: 20px;
56+
background: var(--surface-color);
57+
color: var(--text-color);
58+
border: 1px solid var(--border-color);
59+
"
60+
></textarea>
61+
</div>
62+
63+
4964
<div
5065
id="typingResult"
5166
style="

0 commit comments

Comments
 (0)