From c337eac37c31031bc007990af8b0f2be8edddb80 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Tue, 21 Sep 2021 22:14:16 +0100
Subject: [PATCH] balanced words history button spacing

---
 src/sass/style.scss |  3 ++-
 static/index.html   | 32 ++++++++++++++++++++++++++------
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/src/sass/style.scss b/src/sass/style.scss
index ed43fd28d..5c3454845 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -2095,7 +2095,8 @@ key {
     // grid-column: 1/3;
     margin-bottom: 1rem;
     .icon-button {
-      padding: 0 0.5rem;
+      padding: 0;
+      margin-left: 0.5rem;
     }
     .heatmapLegend {
       display: inline-grid;
diff --git a/static/index.html b/static/index.html
index f4908428d..819e51abc 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1140,7 +1140,9 @@
                 <canvas id="wpmChart"></canvas>
               </div>
               <div class="loginTip">
-                <span class="link" style="text-decoration: underline">Sign in</span>
+                <span class="link" style="text-decoration: underline">
+                  Sign in
+                </span>
                 to save your result
               </div>
               <div class="bottom" style="grid-column: 1/3">
@@ -1154,7 +1156,7 @@
                       data-balloon-pos="up"
                       style="display: inline-block"
                     >
-                      <i class="fas fa-copy"></i>
+                      <i class="fas fa-fw fa-copy"></i>
                     </span>
                     <span
                       id="toggleBurstHeatmap"
@@ -1163,7 +1165,7 @@
                       data-balloon-pos="up"
                       style="display: inline-block"
                     >
-                      <i class="fas fa-fire-alt"></i>
+                      <i class="fas fa-fw fa-fire-alt"></i>
                     </span>
                     <div class="heatmapLegend hidden">
                       <div>slow</div>
@@ -1297,7 +1299,13 @@
                 <key>tab</key>
                 if you have quick tab mode enabled) to restart the typing test.
                 Open the command line by pressing
-                <key>ctrl/cmd</key>+<key>shift</key>+<key>p</key> or <key>esc</key>
+                <key>ctrl/cmd</key>
+                +
+                <key>shift</key>
+                +
+                <key>p</key>
+                or
+                <key>esc</key>
                 - there you can access all the functionality you need without
                 touching your mouse
               </p>
@@ -1708,7 +1716,13 @@
             <div class="tip">
               tip: You can also change all these settings quickly using the
               command line (
-                <key>ctrl/cmd</key>+<key>shift</key>+<key>p</key> or <key>esc</key>
+              <key>ctrl/cmd</key>
+              +
+              <key>shift</key>
+              +
+              <key>p</key>
+              or
+              <key>esc</key>
               )
             </div>
             <!-- <div class="sectionGroupTitle">quick navigation</div> -->
@@ -4184,7 +4198,13 @@
             <key>enter</key>
             - Restart Test
             <br />
-            <key>ctrl/cmd</key>+<key>shift</key>+<key>p</key> or <key>esc</key>
+            <key>ctrl/cmd</key>
+            +
+            <key>shift</key>
+            +
+            <key>p</key>
+            or
+            <key>esc</key>
             - Command Line
           </div>
           <div class="leftright">