From 28ff3dbff976da94a9d68ab2adddb5df3d396b13 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Tue, 7 Sep 2021 20:35:47 +0100
Subject: [PATCH] coloring the whole row instead of just the name

---
 src/js/elements/leaderboards.js |  4 ++--
 src/sass/style.scss             | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/js/elements/leaderboards.js b/src/js/elements/leaderboards.js
index 170b33aad..b727b3e29 100644
--- a/src/js/elements/leaderboards.js
+++ b/src/js/elements/leaderboards.js
@@ -153,11 +153,11 @@ export function fillTable(lb, prepend) {
       DB.updateLbMemory("time", lb, "english", entry.rank, true);
     }
     html += `
-    <tr>
+    <tr ${meClassString}>
     <td>${
       entry.rank === 1 ? '<i class="fas fa-fw fa-crown"></i>' : entry.rank
     }</td>
-    <td ${meClassString}>${entry.name}</td>
+    <td>${entry.name}</td>
     <td class="alignRight">${entry.wpm.toFixed(
       2
     )}<br><div class="sub">${entry.acc.toFixed(2)}%</div></td>
diff --git a/src/sass/style.scss b/src/sass/style.scss
index 767d83dd3..d90793348 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -493,15 +493,17 @@ a:hover {
           text-align: center;
         }
 
-        td {
-          padding: 0.5rem 0.5rem;
-
-          &.me {
+        tr.me {
+          td {
             color: var(--main-color);
             font-weight: 900;
           }
         }
 
+        td {
+          padding: 0.5rem 0.5rem;
+        }
+
         thead {
           color: var(--sub-color);
           font-size: 0.75rem;