From 356a61cebd71b671e8eab675d9a7294e6d57af0b Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Mon, 6 Jul 2020 22:51:14 +0100
Subject: [PATCH] added crown for the first person on the lb

---
 public/css/style.scss     | 4 ++++
 public/js/leaderboards.js | 8 ++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/public/css/style.scss b/public/css/style.scss
index 8c7a13361..8430cfade 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -238,6 +238,10 @@ a:hover {
         border-spacing: 0;
         border-collapse: collapse;
 
+        tr td:first-child {
+          text-align: center;
+        }
+
         td {
           padding: .25rem .5rem;
 
diff --git a/public/js/leaderboards.js b/public/js/leaderboards.js
index f1eafc0ec..5635cb42f 100644
--- a/public/js/leaderboards.js
+++ b/public/js/leaderboards.js
@@ -126,7 +126,9 @@ function updateLeaderboards() {
           if (entry.currentUser) meClassString = ' class="me"';
           $("#leaderboardsWrapper table.daily tbody").append(`
           <tr>
-          <td>${index + 1}</td>
+          <td>${
+            index === 0 ? '<i class="fas fa-fw fa-crown"></i>' : index + 1
+          }</td>
           <td ${meClassString}>${entry.name}</td>
           <td>${entry.wpm}</td>
           <td>${entry.raw}</td>
@@ -163,7 +165,9 @@ function updateLeaderboards() {
           if (entry.currentUser) meClassString = ' class="me"';
           $("#leaderboardsWrapper table.global tbody").append(`
           <tr>
-          <td>${index + 1}</td>
+          <td>${
+            index === 0 ? '<i class="fas fa-fw fa-crown"></i>' : index + 1
+          }</td>
           <td ${meClassString}>${entry.name}</td>
           <td>${entry.wpm}</td>
           <td>${entry.raw}</td>