From f787a6623044afaab5b6d280fc0f4cbfdafd95dd Mon Sep 17 00:00:00 2001
From: ed <s@ocv.me>
Date: Sat, 28 Aug 2021 01:47:36 +0200
Subject: [PATCH] that was dumb

---
 copyparty/web/browser.css | 10 ++++------
 copyparty/web/browser.js  | 14 +++-----------
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index ef1c4334..85c96d05 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -868,7 +868,8 @@ input.eq_gain {
 	background: #3c3c3c;
 	border: 1px solid #444;
 	border-radius: .3em;
-	padding: .5em;
+	padding: .2em .5em;
+	line-height: 2.3em;
 	margin: 0 1.5em 1em .4em;
 	position: sticky;
 	top: -.3em;
@@ -881,12 +882,9 @@ html.light #ghead {
 	position: relative;
 	top: 0;
 }
-#ghsep {
+#ghead>span {
 	white-space: pre;
-}
-#ghead>.sep {
-	margin: 1em 0 0 .3em;
-	display: inline-block
+	padding-left: .3em;
 }
 #ggrid {
 	padding-top: .5em;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 11c3791c..d2bd3d8a 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -2153,12 +2153,11 @@ var thegrid = (function () {
 	gfiles.style.display = 'none';
 	gfiles.innerHTML = (
 		'<div id="ghead">' +
-		'<a href="#" class="tgl btn" id="gridsel" tt="enable file selection; ctrl-click a file to override$NHotkey: S">multiselect</a> &nbsp; zoom: ' +
+		'<a href="#" class="tgl btn" id="gridsel" tt="enable file selection; ctrl-click a file to override$NHotkey: S">multiselect</a> <span>zoom: ' +
 		'<a href="#" class="btn" z="-1.2" tt="Hotkey: shift-A">&ndash;</a> ' +
-		'<a href="#" class="btn" z="1.2" tt="Hotkey: shift-D">+</a> &nbsp; chop: ' +
+		'<a href="#" class="btn" z="1.2" tt="Hotkey: shift-D">+</a></span> <span>chop: ' +
 		'<a href="#" class="btn" l="-1" tt="truncate filenames more (show less)">&ndash;</a> ' +
-		'<a href="#" class="btn" l="1" tt="truncate filenames less (show more)">+</a> &nbsp; ' +
-		'<span id="ghsep">sort by: ' +
+		'<a href="#" class="btn" l="1" tt="truncate filenames less (show more)">+</a></span> <span>sort by: ' +
 		'<a href="#" s="href">name</a>, ' +
 		'<a href="#" s="sz">size</a>, ' +
 		'<a href="#" s="ts">date</a>, ' +
@@ -2369,11 +2368,6 @@ var thegrid = (function () {
 		tt.att(ebi('ggrid'));
 	};
 
-	r.onresize = function () {
-		var el = ebi('ghsep');
-		clmod(el, 'sep', el.offsetLeft < 64);
-	};
-
 	function ungrid() {
 		lfiles.style.display = '';
 		gfiles.style.display = 'none';
@@ -2973,7 +2967,6 @@ var treectl = (function () {
 		window.addEventListener('scroll', onscroll);
 		window.addEventListener('resize', onresize);
 		onresize();
-		thegrid.onresize();
 	};
 
 	treectl.detree = function (e) {
@@ -2992,7 +2985,6 @@ var treectl = (function () {
 		ebi('wrap').style.marginLeft = '0';
 		window.removeEventListener('resize', onresize);
 		window.removeEventListener('scroll', onscroll);
-		thegrid.onresize();
 	}
 
 	function onscroll() {