From 2ccefdeb9cdd71a718626c9a4b5d6b2a11294380 Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Mon, 13 Apr 2026 23:53:00 +0200
Subject: [PATCH] play bar padding adjustment

---
 copyparty/web/browser.css | 3 ++-
 copyparty/web/browser.js  | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index e349e2d9..d9f67f05 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1016,7 +1016,7 @@ html.dz #flogout {
 .play .imgcontainer {
 	&::before {
 		content: '';
-	box-sizing: border-box;
+		box-sizing: border-box;
 		position: absolute;
 		left: -50%;
 		top: -50%;
@@ -1389,6 +1389,7 @@ html.y #widget.open {
 	align-items: center;
 	height: 100%;
 	margin-right: .5em;
+	padding: .3em 0;
 }
 #pctl .icon {
 	font-size: 1em;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index f0498dd1..f0271ceb 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -7108,10 +7108,12 @@ function onwidgetresize(){
 	if(thin && bar.children.length > gtc.split(' ').length){
 		pbarthinpos.appendChild(ebi('progbar'));
 		pbarthinpos.appendChild(ebi('altprogbar'));
+		bar.style.paddingTop = '0';
 	}
 	else if(!thin && bar.children.length < gtc.split(' ').length){
 		ebi('trackname').after(ebi('progbar'));
 		ebi('trackname').after(ebi('altprogbar'));
+		bar.style.paddingTop = '.3em';
 	}
 	ebi('altprogbar').maxWidth = thin ? '' : '40vw'
 	bar.style.gridTemplateColumns = gtc;