Wrap message action buttons in divs

[rails.git] / app / assets / javascripts / index / browse.js

diff --git a/app/assets/javascripts/index/browse.js b/app/assets/javascripts/index/browse.js
index 9d3f9a470afcac161e55faaa894fa26faad37d98..69d625ecab5420ca85f83bcb1a2a0895ef5ec44e 100644 (file)
--- a/app/assets/javascripts/index/browse.js
+++ b/app/assets/javascripts/index/browse.js
@@ -48,12 +48,13 @@ OSM.initializeBrowse = function (map) {
 
   function displayFeatureWarning(count, limit, add, cancel) {
     $("#browse_status").html(
 
   function displayFeatureWarning(count, limit, add, cancel) {
     $("#browse_status").html(

-      $("<div>").append(
+      $("<div class='p-3'>").append(

         $("<div class='d-flex'>").append(
           $("<h2 class='flex-grow-1 text-break'>")
             .text(I18n.t("browse.start_rjs.load_data")),
           $("<div>").append(
             $("<button type='button' class='btn-close'>")
         $("<div class='d-flex'>").append(
           $("<h2 class='flex-grow-1 text-break'>")
             .text(I18n.t("browse.start_rjs.load_data")),
           $("<div>").append(
             $("<button type='button' class='btn-close'>")

+              .attr("aria-label", I18n.t("javascripts.close"))

               .click(cancel))),
         $("<p class='alert alert-warning'>")
           .text(I18n.t("browse.start_rjs.feature_warning", { num_features: count, max_features: limit })),
               .click(cancel))),
         $("<p class='alert alert-warning'>")
           .text(I18n.t("browse.start_rjs.feature_warning", { num_features: count, max_features: limit })),