From c778f35466edc7bbd045ac8a5c58bda6eb92a0ad Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Sun, 24 May 2020 23:16:06 +0100
Subject: [PATCH] made sure the buttons dont keep their active class

---
 public/index.html | 33 ++++++++++++++++++++++++---------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/public/index.html b/public/index.html
index 07455cd58..138c211b5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -224,36 +224,51 @@
         <div class="section smoothCaret" section="">
           <h1>smooth caret</h1>
           <div class="text">The caret will move smoothly between letters and words.</div>
-          <div class="buttons"><div class="button on" tabindex="0">on</div><div class="button off" tabindex="0">off</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0 onclick="this.blur();"">on</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">off</div>
+          </div>
         </div>
         <div class="section quickTab">
           <h1>quick tab mode</h1>
           <div class="text">Press <key>tab</key> to quickly restart the test. This function disables tab navigation on some parts of the website.</div>
-          <div class="buttons"><div class="button on" tabindex="0">on</div><div class="button off" tabindex="0">off</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0" onclick="this.blur();">on</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">off</div>
+          </div>
         </div>
         <div class="section liveWpm">
           <h1>live wpm</h1>
           <div class="text">Displays a live WPM speed during the test. Updates once every second.</div>
-          <div class="buttons"><div class="button on" tabindex="0">on</div><div class="button off" tabindex="0">off</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0" onclick="this.blur();">on</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">off</div>
+          </div>
         </div>
         <div class="section keyTips">
           <h1>show key tips</h1>
           <div class="text">Shows the keybind tips at the bottom of the page.</div>
-          <div class="buttons"><div class="button on" tabindex="0">show</div><div class="button off" tabindex="0">hide</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0" onclick="this.blur();">show</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">hide</div>
+          </div>
         </div>
         <div class="section freedomMode">
           <h1>freedom mode</h1>
           <div class="text">Allows you to delete any word, even if it was typed correctly.</div>
-          <div class="buttons"><div class="button on" tabindex="0">on</div><div class="button off" tabindex="0">off</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0" onclick="this.blur();">on</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">off</div>
+          </div>
         </div>
         <div class="section fontSize">
           <h1>font size</h1>
           <div class="text">Change the font size of the test words</div>
           <div class="buttons">
-            <div class="button" fontsize="1" tabindex="0">1</div>
-            <div class="button" fontsize="125" tabindex="0">1.25</div>
-            <div class="button" fontsize="15" tabindex="0">1.5</div>
-            <div class="button" fontsize="2" tabindex="0">2</div>
+            <div class="button" fontsize="1" tabindex="0" onclick="this.blur();">1</div>
+            <div class="button" fontsize="125" tabindex="0" onclick="this.blur();">1.25</div>
+            <div class="button" fontsize="15" tabindex="0" onclick="this.blur();">1.5</div>
+            <div class="button" fontsize="2" tabindex="0" onclick="this.blur();">2</div>
           </div>
         </div>
         <div class="section" style="grid-column: 1/3;">