From 2553534cc8bee5492f502e3620b09d58fff0fad5 Mon Sep 17 00:00:00 2001
From: Honey <me_honeyy@proton.me>
Date: Tue, 19 May 2026 21:03:54 +0200
Subject: [PATCH] tweak: keep player bar static during swipe-up; improve
 title/album/artist spacing

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/main.js | 5 -----
 styles.css  | 5 +++--
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/main.js b/src/main.js
index 3777d74..34ad8a6 100644
--- a/src/main.js
+++ b/src/main.js
@@ -220,7 +220,6 @@ window.addEventListener('load', () => {
 
     function _resetDrag(open) {
       playerBar.classList.remove('dragging');
-      playerBar.style.transform = '';
 
       if (!npOverlay) { if(open) openNowPlaying(); _sy=0; _dragging=false; return; }
 
@@ -257,10 +256,6 @@ window.addEventListener('load', () => {
       const dy = _sy - e.touches[0].clientY;
       if(dy < 5) return;
       _dragging = true;
-      playerBar.classList.add('dragging');
-      // Player bar rises up to its own height, then stops — no need to travel further.
-      const barH = playerBar.offsetHeight || 72;
-      playerBar.style.transform = `translateY(${-Math.min(dy, barH)}px)`;
       if(npOverlay) {
         npOverlay.style.transition = 'none';
         // Overlay tracks finger with no cap: 2.5× speed so ~360px drag = fully open.
diff --git a/styles.css b/styles.css
index bd02e67..69e1b67 100644
--- a/styles.css
+++ b/styles.css
@@ -238,7 +238,7 @@ button:focus{outline:none}
 .player-art.spinning::after{opacity:1}
 @keyframes spin{to{transform:rotate(360deg)}}
 .player-info{min-width:0;display:flex;flex-direction:column;justify-content:center}
-.player-title{font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
+.player-title{font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s;margin-bottom:2px}
 /* Player bar clickable title/artist */
 .player-title:hover{color:var(--accent);text-decoration:underline}
 #player-artist-name{color:var(--accent)}
@@ -263,7 +263,8 @@ button:focus{outline:none}
 .np-sheet-item.danger{color:var(--danger)}
 .np-sheet-item.danger svg{color:var(--danger)}
 
-.player-artist{font-size:11px;color:var(--text2);margin-top:1px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.player-artist{font-size:11px;color:var(--text2);margin-top:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.player-artist+.player-artist{margin-top:2px}
 .player-badge{display:inline-block;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;margin-left:5px;vertical-align:middle}
 .player-controls{display:flex;flex-direction:column;align-items:center;gap:7px;width:420px;padding:0 24px}
 .ctrl-buttons{display:flex;align-items:center;gap:10px}