fix for trackname overflow

jgentes · Feb 5, 2024 · 375d5e9 · 375d5e9
1 parent c66bc2d
commit 375d5e9
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/app/components/mixes/MixCard.tsx b/app/components/mixes/MixCard.tsx
@@ -21,14 +21,11 @@ const MixCard = ({
 	const trackName = useLiveQuery(() => getTrackName(trackId), [trackId])
 
 	const mixCardHeader = (
-		<div className="flex mb-3 justify-between">
-			<div className="flex gap-2">
-				<EjectControl trackId={trackId} />
-				<div className="text-md font-medium whitespace-nowrap overflow-hidden overflow-ellipsis">
-					{trackName}
-				</div>
+		<div className="flex mb-3 gap-2">
+			<EjectControl trackId={trackId} />
+			<div className="text-md font-medium whitespace-nowrap overflow-hidden overflow-ellipsis">
+				{trackName}
 			</div>
-
 			<BpmControl trackId={trackId} className="w-28" />
 		</div>
 	)