coloring the whole row instead of just the name

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>

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;