function displayFeatureWarning(count, limit, add, cancel) {
$("#browse_status").html(
- $("<div>").append(
+ $("<div class='p-3'>").append(
$("<div class='d-flex'>").append(
- $("<div class='flex-grow-1 text-break'>").append(
- $("<h2>")
- .text(I18n.t("browse.start_rjs.load_data"))),
+ $("<h2 class='flex-grow-1 text-break'>")
+ .text(I18n.t("browse.start_rjs.load_data")),
$("<div>").append(
- $("<button type='button' class='btn-close mt-1'>")
+ $("<button type='button' class='btn-close'>")
+ .attr("aria-label", I18n.t("javascripts.close"))
.click(cancel))),
- $("<div>").append(
- $("<p class='alert alert-warning'></p>")
- .text(I18n.t("browse.start_rjs.feature_warning", { num_features: count, max_features: limit })),
- $("<input type='submit' class='btn btn-primary'>")
- .val(I18n.t("browse.start_rjs.load_data"))
- .click(add))));
+ $("<p class='alert alert-warning'>")
+ .text(I18n.t("browse.start_rjs.feature_warning", { num_features: count, max_features: limit })),
+ $("<input type='submit' class='btn btn-primary d-block mx-auto'>")
+ .val(I18n.t("browse.start_rjs.load_data"))
+ .click(add)));
}
var dataLoader;