From 1451774cacd5cf0a76c1bed01a36999e2dc0c9f9 Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Sat, 9 May 2026 16:44:53 +0200
Subject: [PATCH] misc css tweaks & code cleanup

---
 copyparty/web/browser.css | 34 ++++++++++++++++++++--------------
 copyparty/web/browser.js  |  6 ++----
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 48c91a16..e40f8e97 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1201,10 +1201,6 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 	margin-right: auto;
 }
 
-#widgeti {
-	position: relative;
-	display: none;
-}
 #np_inf {
 	height: 0;
 }
@@ -1236,6 +1232,20 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 	0% {opacity: 0}
 	100% {opacity: 1}
 }
+#wtico,
+.open #up_quick_more,
+#wtoggle,
+#widgeti {
+	background: #cde;
+	background: var(--bg-u2);
+	border: 1px solid #222;
+	border: 1px solid var(--bg-u3);
+}
+#widgeti {
+	position: relative;
+	display: none;
+	border-width: 1px 0 0 0;
+}
 #wtico {
 	display: inline-block;
 	cursor: pointer;
@@ -1244,6 +1254,7 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 	padding: .05em .5em .1em .3em;
 	border-radius: calc(var(--radius) / 2) 0 0 0;
 	pointer-events: all;
+	border-width: 1px 0 0 1px;
 }
 #wstack {
 	display: block;
@@ -1273,20 +1284,15 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 	box-shadow: 0 0 .5em var(--mp-sh);
 	border-radius: calc(var(--radius) / 2);
 }
-#wtico,
-.open #up_quick_more,
-#wtoggle,
-#widgeti {
-	background: #cde;
-	background: var(--bg-u2);
-	border: 1px solid #222;
-	border: 1px solid var(--bg-u3);
-}
 #up_quick {
 	display: inline-block;
 	position: relative;
 	margin: 0 .2em .2em .1em;
 	font-size: .7em;
+	border-radius: 10px;
+	border-radius: calc(var(--radius) * 1.2);
+	background: #cde;
+    background: var(--bg-u2);
 }
 #up_quick_more {
 	position: absolute;
@@ -1502,10 +1508,10 @@ html:not(.e):not(.d) #up_quick .btn.on {
 }
 #barbuf {
 	background: var(--mp-b-bg);
-	border: var(--a-dark) solid 1px;
 }
 #barpos {
 	box-shadow: -.03em -.03em .7em rgba(0,0,0,0.5) inset;
+	border: var(--a-dark) solid 1px;
 }
 #pctl {
 	display: flex;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 8c7a105c..d09bc800 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -1833,7 +1833,7 @@ var mpl = (function () {
 		if (!v) pbar.unwave();
 		r.selectprogbar();
 	});
-	r.selectprogbar =function(){
+	r.selectprogbar = function(){
 		if (r.waves){
 			clmod(ebi('progbar'), 'vis', true)
 			clmod(ebi('altprogbar'), 'vis', false)
@@ -2828,7 +2828,7 @@ var vbar = (function () {
 		ctx.fontVariantCaps = 'small-caps';
 		w = r.can.w;
 		h = r.can.h;
-		r.draw();
+		setTimeout(r.draw, 1);
 	}
 
 	r.draw = function () {
@@ -3898,8 +3898,6 @@ function play(tid, is_ev, seek) {
 		}
 		mpl.np = ft2dict(t_tr, { 'up_ip': 1 });
 
-		
-
 		mpss.go();
 		mpui.progress_updater();
 		mpl.selectprogbar();