From e85de87728446c0259e2bc6218a396b429d4c6ce Mon Sep 17 00:00:00 2001
From: Armin <armin@raumschiff>
Date: Wed, 8 Jul 2026 01:56:34 +0200
Subject: [PATCH] fix playlist multi-line comment display; make it possible to
 double-click (re-start) the current track

---
 index.html | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 6883790..f92c588 100644
--- a/index.html
+++ b/index.html
@@ -92,8 +92,8 @@ canvas { width: 100%; height: 100px; border-radius: 6px; display: block; }
 .track-item .col-title { color: #c6c8d1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .track-item .col-artist { color: #6b7089; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .track-item .col-file { color: #6b7089; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.track-item .col-time { color: #6b7089; font-size: 11px; font-variant-numeric: tabular-nums; }
-.track-item .col-genre { color: #6b7089; font-size: 10px; }
+.track-item .col-time { color: #6b7089; font-size: 11px; font-variant-numeric: tabular-nums; overflow: hidden; white-space: nowrap; }
+.track-item .col-genre { color: #6b7089; font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
 footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 #error { display: none; background: rgba(226,120,120,0.15); color: #e27878; padding: 8px 16px; font-size: 13px; text-align: center; border-bottom: 1px solid rgba(226,120,120,0.3); }
 @media (max-width: 700px) {
@@ -1061,10 +1061,15 @@ function renderTracks() {
       }
     });
     div.addEventListener('dblclick', () => {
-      selectedIndices.clear();
-      selectedIndices.add(realIdx);
-      anchorTrack = t;
-      playTrack(realIdx);
+      if (realIdx === currentIndex) {
+        audio.currentTime = 0;
+        audio.play().catch(() => {});
+      } else {
+        selectedIndices.clear();
+        selectedIndices.add(realIdx);
+        anchorTrack = t;
+        playTrack(realIdx);
+      }
     });
     div.draggable = true;
     div.addEventListener('dragstart', (e) => {
@@ -1120,7 +1125,7 @@ function renderTracks() {
 }
 function escHtml(s) {
   const d = document.createElement('div');
-  d.textContent = s;
+  d.textContent = s.replace(/[\r\n]+/g, ' ');
   return d.innerHTML;
 }
 function playTrack(i) {