From 7dd8854ad160d4ca1b1dfe8a4350a9981faf9999 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Sun, 8 Mar 2026 20:36:40 +0100
Subject: [PATCH] UI: move lyrics panel close button to the right side

---
 js/lyrics.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/js/lyrics.js b/js/lyrics.js
index 922b2eb..8cdf87f 100644
--- a/js/lyrics.js
+++ b/js/lyrics.js
@@ -779,9 +779,6 @@ export function openLyricsPanel(track, audioPlayer, lyricsManager, forceOpen = f
         const offsetDisplay = manager.getOffsetDisplayString(manager.timingOffset);
 
         container.innerHTML = `
-            <button id="close-side-panel-btn" class="btn-icon" title="Close">
-                ${SVG_CLOSE}
-            </button>
             <div class="lyrics-timing-controls">
                 <button id="lyrics-timing-minus-btn" class="btn-icon" title="Decrease delay (lyrics earlier) -0.5s">
                     <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -810,6 +807,9 @@ export function openLyricsPanel(track, audioPlayer, lyricsManager, forceOpen = f
             <button id="genius-toggle-btn" class="btn-icon ${isGeniusMode ? 'active-genius' : ''}" title="Genius Mode" style="${isGeniusMode ? 'color: #ffff64;' : ''}">
                 ${isGeniusMode ? SVG_GENIUS_ACTIVE : SVG_GENIUS_INACTIVE}
             </button>
+            <button id="close-side-panel-btn" class="btn-icon" title="Close">
+                ${SVG_CLOSE}
+            </button>
         `;
 
         container.querySelector('#close-side-panel-btn').addEventListener('click', () => {