var buttonContainer = $("<div class='position-relative'>")
.appendTo(baseSection);
- var mapContainer = $("<div class='position-absolute top-0 start-0 bottom-0 end-0 z-0'>")
+ var mapContainer = $("<div class='position-absolute top-0 start-0 bottom-0 end-0 z-0 bg-body-secondary'>")
.appendTo(buttonContainer);
var input = $("<input type='radio' class='btn-check' name='layer'>")
.prop("checked", map.hasLayer(layer))
.appendTo(buttonContainer);
- var item = $("<label class='btn btn-outline-primary border-4 rounded-3 bg-transparent position-absolute top-0 start-0 bottom-0 end-0 m-n1 overflow-hidden'>")
+ var item = $("<label class='btn btn-outline-primary border-4 rounded-3 bg-transparent position-absolute p-0 h-100 w-100 overflow-hidden'>")
.prop("for", id)
.append($("<span class='badge position-absolute top-0 start-0 rounded-top-0 rounded-start-0 py-1 px-2 bg-body bg-opacity-75 text-body text-wrap text-start fs-6 lh-base'>").append(layer.options.name))
.appendTo(buttonContainer);
$("<p>")
.text(I18n.t("javascripts.map.layers.overlays"))
- .attr("class", "text-body-secondary")
+ .attr("class", "text-body-secondary small mb-2")
.appendTo(overlaySection);
var overlays = $("<ul class='list-unstyled form-check'>")