From e6a8f8822323a3986b109eab389567bc7d5eb8ad Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sun, 29 Oct 2023 19:38:35 +0000
Subject: [PATCH] fix mobile issues with scores

---
 src/components/player/Score.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/player/Score.tsx b/src/components/player/Score.tsx
index f22b087..957353f 100644
--- a/src/components/player/Score.tsx
+++ b/src/components/player/Score.tsx
@@ -52,7 +52,7 @@ export default function Score({
           <HeadsetIcon id={score.hmd} size={20} />
         </div>
         <Tooltip>
-          <TooltipTrigger>
+          <TooltipTrigger className="hidden md:block">
             <p className="text-sm text-gray-200">
               {formatTimeAgo(score.timeSet)}
             </p>
@@ -71,7 +71,7 @@ export default function Score({
           <Image
             src={leaderboard.coverImage}
             alt={leaderboard.songName}
-            className="h-fit rounded-md"
+            className="h-fit min-w-[60px] rounded-md"
             width={60}
             height={60}
             loading="lazy"
@@ -107,13 +107,11 @@ export default function Score({
           href={`/leaderboard/${leaderboard.id}/1`}
           className="transform-gpu transition-all hover:opacity-70"
         >
-          <div className="w-fit truncate text-blue-500">
+          <div className="w-fit text-clip text-blue-500">
             <p className="font-bold">{leaderboard.songName}</p>
-            <p className="text-blue-300">
-              {leaderboard.songAuthorName}{" "}
-              <span className="text-gray-200">
-                {leaderboard.levelAuthorName}
-              </span>
+            <p className="text-blue-300">{leaderboard.songAuthorName}</p>
+            <p className="text-sm text-gray-400">
+              {leaderboard.levelAuthorName}
             </p>
           </div>
         </Link>