diff --git a/Leaflet.groupedlayercontrol/src/leaflet.groupedlayercontrol.css b/Leaflet.groupedlayercontrol/src/leaflet.groupedlayercontrol.css index 6d4a715..35da57d 100644 --- a/Leaflet.groupedlayercontrol/src/leaflet.groupedlayercontrol.css +++ b/Leaflet.groupedlayercontrol/src/leaflet.groupedlayercontrol.css @@ -9,7 +9,7 @@ margin-bottom: .5em; } -.leaflet-control-layers-group .groupHeader { +.leaflet-control-layers-list .leaflet-control-layers-group .groupHeader { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; @@ -17,3 +17,11 @@ -moz-user-select: none; -ms-user-select: none; user-select: none; } + +.leaflet-control-layers-names { + margin-left: 3px; +} + +.leaflet-control-layers-selector { + margin-left: 20px; +} diff --git a/Leaflet.groupedlayercontrol/src/leaflet.groupedlayercontrol.js b/Leaflet.groupedlayercontrol/src/leaflet.groupedlayercontrol.js index 2946889..739c0f7 100644 --- a/Leaflet.groupedlayercontrol/src/leaflet.groupedlayercontrol.js +++ b/Leaflet.groupedlayercontrol/src/leaflet.groupedlayercontrol.js @@ -235,7 +235,8 @@ L.Control.GroupedLayers = L.Control.extend({ L.DomEvent.on(input, 'click', this._onInputClick, this); var name = document.createElement('span'); - name.innerHTML = ' ' + obj.name; + name.className = 'leaflet-control-layers-names'; + name.innerHTML = obj.name; label.appendChild(input); label.appendChild(name);