From dff48eac138d7368b06621054f85d8d5e5a3611a Mon Sep 17 00:00:00 2001
From: Kagamine Rin <rin.kagamine@captcouch.xyz>
Date: Fri, 29 May 2026 21:44:10 -0400
Subject: [PATCH] fix: Add margin-right to player download button for better
 spacing

Player.tsx: Download button now has mr-2 (margin-right: 0.5rem) to
create more breathing room between the download icon and the album art
thumbnail.
---
 frontend/src/components/Player.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Player.tsx b/frontend/src/components/Player.tsx
index 349b444..ad2ddae 100644
--- a/frontend/src/components/Player.tsx
+++ b/frontend/src/components/Player.tsx
@@ -256,7 +256,7 @@ export default function Player({ clip, isPlaying, onTogglePlay, onStop, onClose
           <div className="hidden sm:flex items-center gap-2.5 min-w-0 max-w-[220px] shrink-0">
             <button
               onClick={() => window.open(`/api/clips/${clip.id}/download`, '_blank')}
-              className="text-lyria-muted/60 hover:text-lyria-accent transition-colors shrink-0"
+              className="text-lyria-muted/60 hover:text-lyria-accent transition-colors shrink-0 mr-2"
               title="Download MP3"
             >
               <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">