Public/kithara-studio
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Add margin-right to player download button for better spacing

Browse Source 
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.
This commit is contained in:
rin.kagamine committed 2026-05-29 21:44:10 -04:00
1 parent 4ca89577d7
commit dff48eac13
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Player.tsx
+1 -1
View File
@@ -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"> <div className="hidden sm:flex items-center gap-2.5 min-w-0 max-w-[220px] shrink-0">
<button <button
onClick={() => window.open(`/api/clips/${clip.id}/download`, '_blank')} 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" title="Download MP3"
> >
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">