From 89f88ee78c63687e2caac7c1e6d093e5e48a5f66 Mon Sep 17 00:00:00 2001
From: ed <s@ocv.me>
Date: Mon, 4 Oct 2021 22:34:05 +0200
Subject: [PATCH] more obvious dropzones

---
 copyparty/web/browser.css | 12 +++++++++++-
 copyparty/web/browser.js  |  4 ++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 89492bf0..0825f10b 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1603,7 +1603,7 @@ html.light #bbox-overlay figcaption a {
 	border-radius: .5em;
 	border-width: 1vw;
 	color: #fff;
-	transition: all 0.2s;
+	transition: all 0.12s;
 }
 #drops .dropdesc.hl.ok {
 	border-color: #fff;
@@ -1624,6 +1624,16 @@ html.light #bbox-overlay figcaption a {
 	vertical-align: middle;
 	text-align: center;
 }
+#drops .dropdesc>div>div {
+	position: absolute;
+	top: 40%;
+	top: calc(50% - .5em);
+	left: -.8em;
+}
+#drops .dropdesc>div>div+div {
+	left: auto;
+	right: -.8em;
+}
 #drops .dropzone {
 	z-index: 80386;
 	height: 50%;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 3243ce9a..87c657af 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -133,8 +133,8 @@ ebi('op_up2k').innerHTML = (
 	var o = mknod('div');
 	o.innerHTML = (
 		'<div id="drops">\n' +
-		'	<div class="dropdesc" id="up_zd"><div>🚀 Upload<br /><span></span></div></div>\n' +
-		'	<div class="dropdesc" id="srch_zd"><div>🔎 Search<br /><span></span></div></div>\n' +
+		'	<div class="dropdesc" id="up_zd"><div>🚀 Upload<br /><span></span><div>🚀</div><div>🚀</div></div></div>\n' +
+		'	<div class="dropdesc" id="srch_zd"><div>🔎 Search<br /><span></span><div>🔎</div><div>🔎</div></div></div>\n' +
 		'	<div class="dropzone" id="up_dz" v="up_zd"></div>\n' +
 		'	<div class="dropzone" id="srch_dz" v="srch_zd"></div>\n' +
 		'</div>'