diff --git a/js/ui.js b/js/ui.js index 7263ebe..92d95e3 100644 --- a/js/ui.js +++ b/js/ui.js @@ -2161,8 +2161,10 @@ export class UIRenderer { descEl.textContent = playlistData.description || ''; const originalTracks = [...tracks]; - let currentTracks = [...tracks]; - currentSort = 'custom'; + // Default sort: first available option (Playlist Order if no addedAt, else Date Added Newest) + const hasAddedDate = tracks.some((t) => t.addedAt); + currentSort = hasAddedDate ? 'added-newest' : 'custom'; + let currentTracks = sortTracks(originalTracks, currentSort); const renderTracks = () => { // Re-fetch container each time because enableTrackReordering clones it diff --git a/styles.css b/styles.css index 0fb4945..c0c8bcd 100644 --- a/styles.css +++ b/styles.css @@ -2202,6 +2202,7 @@ input:checked + .slider::before { #context-menu li, #sort-menu li { padding: 0.5rem 0.75rem; + margin-right: 8px; cursor: pointer; border-radius: 4px; transition: