From 879ffda4084447b4d8c3141c044ab49f82240826 Mon Sep 17 00:00:00 2001
From: Til <til.schmitter@gmail.com>
Date: Sun, 17 May 2026 00:42:29 +0200
Subject: [PATCH 1/2] new theme mobile fixes

---
 copyparty/web/browser.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 865ed498..a135a19e 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -3919,7 +3919,7 @@ html.e #wrap.thin {
 		top: 7.2em;
 		padding-left: 1em;
 	}
-	.ntree a + a {
+	html:not(.f) .ntree a + a {
 		padding: .6em .2em;
 	}
 	#files tbody a {
@@ -3931,7 +3931,7 @@ html.e #wrap.thin {
 	html:not(.e) #treeToggleBtn {
 		margin: .8em;
 	}
-	html:not(.e) #srv_name {
+	html:not(.e):not(.f) #srv_name {
 		padding-top: .9em;
 		padding-bottom: .6em;
 		margin-left: 2.9em;
@@ -5293,12 +5293,12 @@ html.f {
 	}
 	.hl::after {
 		content: "";
-		left: calc(100% - 2.3em - 3px);
+		left: calc(100% - 2.7em);
 		margin-top: -.3em;
 		z-index: -1;
 		position: absolute;
 		border: solid;
-		border-width: 2em 2em 0 0;
+		border-width: 2em 2em 0 .2em;
   		border-color: var(--btn-1-bg) transparent transparent var(--btn-1-bg);
 	}
 	.hl:hover::after {
@@ -5416,6 +5416,7 @@ html.fy {
 	}
 	.close:hover {
 		background: rgb(207, 22, 28);
+		color: var(--fg);
 	}
 	#up2k,
 	#files {

From 6e324d19da7496f7fb9e66fc941e0f6a6539abc7 Mon Sep 17 00:00:00 2001
From: Til <til.schmitter@gmail.com>
Date: Sun, 17 May 2026 00:59:13 +0200
Subject: [PATCH 2/2] css fix

---
 copyparty/web/browser.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index a135a19e..2043aa1f 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1861,10 +1861,6 @@ html.y #ops svg circle {
 input[type=color] {
 	vertical-align: bottom;
 }
-.opview select {
-	padding: .3em;
-	margin: .2em 0	;
-}
 .opview input.err {
 	color: var(--err-fg);
 	background: var(--err-bg);
@@ -3936,6 +3932,11 @@ html.e #wrap.thin {
 		padding-bottom: .6em;
 		margin-left: 2.9em;
 	}
+	html.fz #srv_name {
+		padding-top: 1.1em !important;
+		padding-bottom: .6em;
+		margin-left: 3.2em !important;
+	}
 	#widget, #wrap {
 		margin-left: 0 !important;
 	}