/* 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;
}
}
li {
+ border-radius: 4px;
+ overflow: hidden;
margin-bottom: 10px;
}
label {
- border-radius: 4px;
display: block;
padding: 5px;
background-color: #868e85;
+ cursor: pointer;
}
li.active label {
}
.base-layers {
- label {
- border-radius: 0px 0px 4px 4px;
- }
-
.leaflet-container {
- border-radius: 4px 4px 0px 0px;
width: 100%;
height: 50px;
cursor: pointer;