From 4d4092d2dec31573b3f875fe662cc7fe60f583e4 Mon Sep 17 00:00:00 2001
From: julius <julius@0124816.xyz>
Date: Sat, 25 Jan 2025 19:59:40 +0100
Subject: [PATCH] improve clear button

---
 src/App.css      | 9 +++++++++
 src/Rankings.tsx | 8 ++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index efd0330..f91d08a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -122,3 +122,12 @@ button {
   display: none;
   height: 100%;
 }
+
+.renew {
+  cursor: pointer;
+  font-weight: bold;
+  position: absolute;
+  top: 0;
+  right: 8px;
+  font-size: 150%;
+}
diff --git a/src/Rankings.tsx b/src/Rankings.tsx
index 1b127e8..ac3558b 100644
--- a/src/Rankings.tsx
+++ b/src/Rankings.tsx
@@ -79,14 +79,14 @@ export function Chemistry() {
         ) : (
           <>
             <span
+              className="renew"
               onClick={() => {
                 let newMiddle = user.concat(playersMiddle);
                 setPlayersMiddle(newMiddle);
                 setUser([]);
               }}
             >
-              {" "}
-              ⟳
+              {" ✕"}
             </span>
             <br />
           </>
@@ -193,12 +193,12 @@ export function MVP() {
         ) : (
           <>
             <span
+              className="renew"
               onClick={() => {
                 setUser([]);
               }}
             >
-              {" "}
-              ⟳
+              {" ✕"}
             </span>
             <br />
           </>