From 054160d68b2e9bc63c5b4b2e70aea6f2c93c2b22 Mon Sep 17 00:00:00 2001
From: XShine555 <xshine555@gmail.com>
Date: Tue, 14 Jul 2026 14:08:45 +0200
Subject: [PATCH] style(frontend): move remove-track button to the far right of
 the row

---
 frontend/src/routes/(app)/playlists/[id]/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/routes/(app)/playlists/[id]/+page.svelte b/frontend/src/routes/(app)/playlists/[id]/+page.svelte
index e0f1de5..7b36228 100644
--- a/frontend/src/routes/(app)/playlists/[id]/+page.svelte
+++ b/frontend/src/routes/(app)/playlists/[id]/+page.svelte
@@ -159,6 +159,7 @@
 							{dateFormatter.format(new Date(track.createdAt))}
 						</div>
 						<div class="flex items-center justify-end gap-2">
+							<span class="text-[12.5px] tabular-nums text-neutral-500">{fmtTime(Number(track.duration))}</span>
 							<form method="POST" action="?/removeTrack" use:enhance={() => async ({ update }) => update()}>
 								<input type="hidden" name="trackId" value={track.id} />
 								<button
@@ -169,7 +170,6 @@
 									<X class="h-3.5 w-3.5" />
 								</button>
 							</form>
-							<span class="text-[12.5px] tabular-nums text-neutral-500">{fmtTime(Number(track.duration))}</span>
 						</div>
 					</div>
 				{/each}