/* Rules for Leaflet maps */
-.leaflet-control a {
+.leaflet-control .control-button {
display: block;
height: 40px;
width: 40px;
margin-bottom: 10px;
}
-.leaflet-control a:hover {
+.leaflet-control .zoomin,
+.control-layers .control-button,
+.control-note .control-button {
+ margin-bottom: 0px;
+ border-radius: 4px 4px 0px 0px;
+}
+
+.leaflet-control .zoomout {
+ margin-bottom: 0px;
+ border-radius: 0px;
+}
+
+.control-locate .control-button,
+.control-key .control-button,
+.control-share .control-button {
+ border-radius: 0px 0px 4px 4px;
+}
+
+.leaflet-control .control-button:hover {
background-color: white;
}
-.leaflet-control a .icon {
+.leaflet-control .control-button .icon {
margin: 10px;
}
width: 200px;
height: 100%;
background: white;
+}
- .leaflet-container {
- width: 100%;
- height: 50px;
+.layers-ui {
+ section {
+ border-top: 1px solid #868e85;
+ padding: 15px;
+ }
+
+ li {
+ border-radius: 4px;
+ overflow: hidden;
+ margin-bottom: 10px;
+ }
+
+ label {
+ display: block;
+ padding: 5px;
+ background-color: #868e85;
+ cursor: pointer;
+ }
+
+ li.active label {
+ background-color: #68c879;
+ }
+
+ .base-layers {
+ .leaflet-container {
+ width: 100%;
+ height: 50px;
+ cursor: pointer;
+ }
}
}