UI: move lyrics panel close button to the right side

This commit is contained in:
Julien Maille 2026-03-08 20:36:40 +01:00
parent 3f138039f6
commit 7dd8854ad1

View file

@ -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', () => {