From d5367b0d0da0c1bf85c37c1dbd9c7c1986599577 Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Sat, 18 Apr 2026 18:30:39 +0200
Subject: [PATCH] swap arrows for svgs

---
 copyparty/web/browser.css | 14 ++++++++++----
 copyparty/web/browser.js  | 11 +++++++++--
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index c0f40fb2..090e4eed 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1725,6 +1725,16 @@ input.ssconf_v {
 	width: 100%;
 	display: block;
 }
+
+#wfp{
+	margin: 0 .3em 0 0;
+}
+#wfp a {
+	display: inline-block;
+	width: 1.3em;
+	height: 1.3em;
+}
+
 #files td div span {
 	color: var(--fg-max);
 	padding: 0 .4em;
@@ -4486,10 +4496,6 @@ html.e #detree {
 	z-index: 99;
 }
 
-#wfp{
-	margin: 0 .3em 0 -.3em;
-}
-
 #spaceFree, #rtt_latency {
   color: var(--fg);
   text-align: left;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 386bb8f7..408e9326 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -3930,8 +3930,15 @@ function eval_hash() {
 		})(a);
 
 	// folder nav
-	ebi('wfp').appendChild(mknod('span', null,
-		'<a href="#" id="gop" tt="' + L.gop + '">⬅️</a><a href="#" id="gon" tt="' + L.gon + '">➡️</a><a href="#" id="gou" tt="' + L.gou + '">⬆️</a>'));
+	// from https://www.svgrepo.com/collection/iconcino-interface-icons/
+	var svg_left = svg_box + '<path d="M11 6L5 12M5 12L11 18M5 12H19" ' + svg_options +'/>';
+	var svg_right = svg_box + '<path d="M13 6L19 12M19 12L13 18M19 12H5" ' + svg_options +'/>';
+	var svg_up = svg_box + '<path d="M12 19V5M18 11L12 5L6 11" ' + svg_options +'/>';
+
+	ebi('wfp').innerHTML = (
+		'<a href="#" id="gop" tt="' + L.gop + '">' + svg_left + '</a>' +
+		'<a href="#" id="gon" tt="' + L.gon + '">' + svg_right + '</a>' +
+		'<a href="#" id="gou" tt="' + L.gou + '">' + svg_up + '</a>');
 	ebi('gop').onclick = function () { tree_neigh(-1); }
 	ebi('gon').onclick = function () { tree_neigh(1); }
 	ebi('gou').onclick = function () { tree_up(true); }