Enable focus styling for leaflet control buttons

[rails.git] / app / assets / javascripts / leaflet.layers.js

diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js
index 5c5e43c5c20351b3abf537a9bd55d13f5078dff2..676cd960780fe6741809ba3e21ca0573644313d1 100644 (file)
--- a/app/assets/javascripts/leaflet.layers.js
+++ b/app/assets/javascripts/leaflet.layers.js
@@ -22,9 +22,8 @@ L.OSM.layers = function (options) {
       .attr("class", "sidebar_heading")
       .appendTo($ui)
       .append(
       .attr("class", "sidebar_heading")
       .appendTo($ui)
       .append(

-        $("<span>")
-          .text(I18n.t("javascripts.close"))
-          .attr("class", "icon close")
+        $("<button type='button' class='btn-close float-end mt-1'>")
+          .attr("aria-label", I18n.t("javascripts.close"))

           .bind("click", toggle))
       .append(
         $("<h4>")
           .bind("click", toggle))
       .append(
         $("<h4>")