From 99174e6299cab15248ea3639b93f5c2ac98e5e0b Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Thu, 12 Sep 2024 01:06:49 +0100
Subject: [PATCH] fix text overflow breaking images

---
 src/components/player/score/score.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/player/score/score.tsx b/src/components/player/score/score.tsx
index cc90ced..91593d3 100644
--- a/src/components/player/score/score.tsx
+++ b/src/components/player/score/score.tsx
@@ -48,7 +48,7 @@ export default function Score({ playerScore }: Props) {
         <p className="text-sm">{timeAgo(new Date(score.timeSet))}</p>
       </div>
       <div className="flex gap-3">
-        <div className="relative flex justify-center">
+        <div className="relative flex justify-center  h-[64px]">
           <Tooltip>
             <TooltipTrigger
               asChild
@@ -83,14 +83,14 @@ export default function Score({ playerScore }: Props) {
             width={64}
             height={64}
             alt="Song Artwork"
-            className="rounded-md"
+            className="rounded-md min-w-[64px]"
           />
         </div>
         <div className="flex">
-          <div className="flex flex-col">
-            <p className="text-pp text-ellipsis">{leaderboard.songName}</p>
-            <p className="text-sm text-gray-400 text-ellipsis">{leaderboard.songAuthorName}</p>
-            <p className="text-sm text-ellipsis">{leaderboard.levelAuthorName}</p>
+          <div className="overflow-y-clip">
+            <p className="text-pp">{leaderboard.songName}</p>
+            <p className="text-sm text-gray-400">{leaderboard.songAuthorName}</p>
+            <p className="text-sm">{leaderboard.levelAuthorName}</p>
           </div>
         </div>
       </div>