From 9f1106b9b95b7dccc28629b26572625c8d5dc7c8 Mon Sep 17 00:00:00 2001
From: NewHappyRabbit <31893343+NewHappyRabbit@users.noreply.github.com>
Date: Thu, 20 Feb 2025 19:45:10 +0200
Subject: [PATCH] Changed the text of the close button to 'Hide' instead of 'X'
 to keep it consistent across other UI elements

---
 src/client/graphics/layers/Leaderboard.ts | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/client/graphics/layers/Leaderboard.ts b/src/client/graphics/layers/Leaderboard.ts
index 77488aecd..00f090d9c 100644
--- a/src/client/graphics/layers/Leaderboard.ts
+++ b/src/client/graphics/layers/Leaderboard.ts
@@ -116,6 +116,7 @@ export class Leaderboard extends LitElement implements Layer {
       z-index: 9999;
       background-color: rgb(31 41 55 / 0.7);
       padding: 10px;
+      padding-top: 0px;
       box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
       border-radius: 10px;
       max-width: 300px;
@@ -176,12 +177,7 @@ export class Leaderboard extends LitElement implements Layer {
       background: none;
       border: none;
       color: white;
-      font-weight: bold;
-      position: absolute;
-      right: 0px;
-      top: 0px;
       cursor: pointer;
-      font-size: 1.1rem;
     }
 
     @media (max-width: 1000px) {
@@ -226,7 +222,7 @@ export class Leaderboard extends LitElement implements Layer {
           class="leaderboard-close-button"
           @click=${() => this.hideLeaderboard()}
         >
-          x
+          Hide
         </button>
         <table>
           <thead>