improve clear button

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%;
+}

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 />
           </>