From 97c703fe47b767dc7afc74ed244a5c424fd5f3a8 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Sat, 17 Jul 2021 01:19:48 +0100
Subject: [PATCH] reordered some elements on the account page

---
 src/js/account.js   |  6 ++---
 src/sass/style.scss |  2 +-
 static/index.html   | 53 ++++++++++++++++++++-------------------------
 3 files changed, 27 insertions(+), 34 deletions(-)

diff --git a/src/js/account.js b/src/js/account.js
index 561996b34..0b819436c 100644
--- a/src/js/account.js
+++ b/src/js/account.js
@@ -746,9 +746,9 @@ export function update() {
       )}%)`
     );
 
-    $(".pageAccount .avgRestart .val").text(
-      (testRestarts / testCount).toFixed(1)
-    );
+    $(".pageAccount .testsCompleted .avgres").text(`
+      ${(testRestarts / testCount).toFixed(1)} restarts per completed test
+    `);
 
     if (ChartController.accountHistory.data.datasets[0].data.length > 0) {
       ChartController.accountHistory.options.plugins.trendlineLinear = true;
diff --git a/src/sass/style.scss b/src/sass/style.scss
index c0294bfbd..3cc1b4fd7 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -3368,7 +3368,7 @@ key {
 
     .val {
       font-size: 3rem;
-      line-height: 3rem;
+      line-height: 3.5rem;
     }
 
     &.chart {
diff --git a/static/index.html b/static/index.html
index 43bcc1b84..b3dd73f3c 100644
--- a/static/index.html
+++ b/static/index.html
@@ -4254,6 +4254,28 @@
                 </div>
               </div>
               <div class="triplegroup stats">
+                <div class="group testsStarted">
+                  <div class="title">tests started</div>
+                  <div class="val">-</div>
+                </div>
+                <div class="group testsCompleted">
+                  <div class="title">
+                    tests completed
+                    <span
+                      data-balloon-length="xlarge"
+                      aria-label="Due to the increasing number of results in the database, you can now only see your last 1000 results in detail. Total time spent typing, started and completed tests stats will still be up to date at the top of the page, above the filters."
+                      data-balloon-pos="up"
+                    >
+                      <i class="fas fa-question-circle"></i>
+                    </span>
+                  </div>
+                  <div class="val">-</div>
+                  <div class="avgres">-</div>
+                </div>
+                <div class="group timeTotalFiltered">
+                  <div class="title">time typing</div>
+                  <div class="val">-</div>
+                </div>
                 <div class="group highestWpm">
                   <div class="title">highest wpm</div>
                   <div class="val">-</div>
@@ -4289,36 +4311,7 @@
                   </div>
                   <div class="val">-</div>
                 </div>
-
-                <div class="group testsStarted">
-                  <div class="title">tests started</div>
-                  <div class="val">-</div>
-                </div>
-                <div class="group testsCompleted">
-                  <div class="title">
-                    tests completed
-                    <span
-                      data-balloon-length="xlarge"
-                      aria-label="Due to the increasing number of results in the database, you can now only see your last 1000 results in detail. Total time spent typing, started and completed tests stats will still be up to date at the top of the page, above the filters."
-                      data-balloon-pos="up"
-                    >
-                      <i class="fas fa-question-circle"></i>
-                    </span>
-                  </div>
-                  <div class="val">-</div>
-                </div>
-                <div class="group avgRestart">
-                  <div class="title">
-                    avg restarts
-                    <br />
-                    per completed test
-                  </div>
-                  <div class="val">-</div>
-                </div>
-                <div class="group timeTotalFiltered">
-                  <div class="title">time typing</div>
-                  <div class="val">-</div>
-                </div>
+                <div></div>
                 <div class="group avgAcc">
                   <div class="title">avg accuracy</div>
                   <div class="val">-</div>