From 37104e30bfc36518da4b8c79f321891dfa815512 Mon Sep 17 00:00:00 2001
From: zzz <zzz@i2pmail.org>
Date: Sat, 21 Jan 2023 16:38:10 -0500
Subject: [PATCH] i2psnark: More search CSS and js

---
 apps/i2psnark/resources/js/search.js           | 13 +++++++++++++
 apps/i2psnark/resources/themes/light/snark.css |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/apps/i2psnark/resources/js/search.js b/apps/i2psnark/resources/js/search.js
index 67339a5e77..0aa2e63561 100644
--- a/apps/i2psnark/resources/js/search.js
+++ b/apps/i2psnark/resources/js/search.js
@@ -11,17 +11,30 @@ function initSearch()
 	var sch = document.getElementById("search");
 	if (sch != null) {
 		var box = document.getElementById("searchbox");
+		var cxl = document.getElementById("searchcancel");
 		sch.addEventListener("reset", function(event) {
 			if (box.value !== "") {
 				box.value = "";
 				requestAjax2(-1);
 			}
+			cxl.classList.add("disabled");
 			event.preventDefault();
 		});
 
 		box.addEventListener("input", function(event) {
+			if (box.value !== "") {
+				cxl.classList.remove("disabled");
+			} else {
+				cxl.classList.add("disabled");
+			}
 			requestAjax2(-1);
 		});
+
+		if (box.value !== "") {
+			cxl.classList.remove("disabled");
+		} else {
+			cxl.classList.add("disabled");
+		}
 	}
 }
 
diff --git a/apps/i2psnark/resources/themes/light/snark.css b/apps/i2psnark/resources/themes/light/snark.css
index 01d8ec5a81..727c8ad4c6 100644
--- a/apps/i2psnark/resources/themes/light/snark.css
+++ b/apps/i2psnark/resources/themes/light/snark.css
@@ -249,10 +249,10 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 
 #searchcancel {
      background: url(images/delete.png) 0px center no-repeat;
-     margin: 2px 4px 2px -28px;
+     margin: 2px 4px 2px 4px;
      color: transparent;
      border: none;
-     width: 12px;
+     width: 20px;
 }
 
 /* end top nav */
-- 
GitLab