From 7a15394c8c438ae85fd8b6639ccbe4029413da4e Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Mon, 6 Nov 2023 15:16:00 +0000
Subject: [PATCH] refactor: convert divs to buttons

---
 frontend/src/ts/pages/account.ts        |  8 ++++----
 frontend/static/html/pages/account.html | 16 ++++++++--------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/ts/pages/account.ts b/frontend/src/ts/pages/account.ts
index eb2b21072..e91e4ed48 100644
--- a/frontend/src/ts/pages/account.ts
+++ b/frontend/src/ts/pages/account.ts
@@ -1159,19 +1159,19 @@ function sortAndRefreshHistory(
   loadMoreLines();
 }
 
-$(".pageAccount .toggleResultsOnChart").on("click", () => {
+$(".pageAccount button.toggleResultsOnChart").on("click", () => {
   UpdateConfig.setAccountChartResults(!(Config.accountChart[0] === "on"));
 });
 
-$(".pageAccount .toggleAccuracyOnChart").on("click", () => {
+$(".pageAccount button.toggleAccuracyOnChart").on("click", () => {
   UpdateConfig.setAccountChartAccuracy(!(Config.accountChart[1] === "on"));
 });
 
-$(".pageAccount .toggleAverage10OnChart").on("click", () => {
+$(".pageAccount button.toggleAverage10OnChart").on("click", () => {
   UpdateConfig.setAccountChartAvg10(!(Config.accountChart[2] === "on"));
 });
 
-$(".pageAccount .toggleAverage100OnChart").on("click", () => {
+$(".pageAccount button.toggleAverage100OnChart").on("click", () => {
   UpdateConfig.setAccountChartAvg100(!(Config.accountChart[3] === "on"));
 });
 
diff --git a/frontend/static/html/pages/account.html b/frontend/static/html/pages/account.html
index 4df1ca8dd..dff0849cc 100644
--- a/frontend/static/html/pages/account.html
+++ b/frontend/static/html/pages/account.html
@@ -444,22 +444,22 @@
       <div class="below">
         <div class="text"></div>
         <div class="buttons">
-          <div class="toggleResultsOnChart button">
+          <button class="toggleResultsOnChart">
             <i class="fas fa-keyboard"></i>
             Results
-          </div>
-          <div class="toggleAccuracyOnChart button">
+          </button>
+          <button class="toggleAccuracyOnChart">
             <i class="fas fa-bullseye"></i>
             Accuracy
-          </div>
-          <div class="toggleAverage10OnChart button">
+          </button>
+          <button class="toggleAverage10OnChart">
             <i class="fas fa-chart-line"></i>
             Avg of 10
-          </div>
-          <div class="toggleAverage100OnChart button">
+          </button>
+          <button class="toggleAverage100OnChart">
             <i class="fas fa-chart-line"></i>
             Avg of 100
-          </div>
+          </button>
         </div>
       </div>
     </div>