From af1e9382cada771a362a371334c8488c73fba75f Mon Sep 17 00:00:00 2001
From: Johannes Marbach <n0-0ne+github@mailbox.org>
Date: Tue, 24 Mar 2026 11:16:37 +0100
Subject: [PATCH] Use a <button> for the closer

Signed-off-by: Johannes Marbach <n0-0ne+github@mailbox.org>
---
 assets/js/offline-search.js      | 7 +++++--
 assets/scss/_styles_project.scss | 5 +++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/assets/js/offline-search.js b/assets/js/offline-search.js
index ec79d2b6..71d9fe67 100644
--- a/assets/js/offline-search.js
+++ b/assets/js/offline-search.js
@@ -121,9 +121,12 @@ search backend.
         .append($("<span>")
           .text("Search results")
           .css({ fontWeight: "bold" }))
-        .append($("<span>")
+        .append($("<button>")
           .addClass("td-offline-search-results__close-button")
-          .attr("role", "button")
+          .addClass("btn")
+          .addClass("btn-sm")
+          .addClass("btn-link")
+          .attr("type", "button")
           .attr("aria-label", "Close")
           .on("click", () => {
             $targetSearchInput.val("");
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index f6a4897f..0b69fc85 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -677,3 +677,8 @@ dd {
 .td-offline-search-results .spinner-container {
   text-align: center;
 }
+
+.td-offline-search-results__close-button {
+  // Prevent the label from rendering white on white.
+  --bs-btn-color: unset;
+}
\ No newline at end of file