/* Rules for Leaflet maps */
-.leaflet-control a {
+.leaflet-control .control-button {
display: block;
height: 40px;
width: 40px;
margin-bottom: 10px;
}
-.leaflet-control a.zoomin {
+.leaflet-control .zoomin,
+.control-layers .control-button,
+.control-note .control-button {
margin-bottom: 0px;
border-radius: 4px 4px 0px 0px;
}
-.leaflet-control a.zoomout {
+.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 a:hover {
+.leaflet-control .control-button:hover {
background-color: white;
}
-.leaflet-control a .icon {
+.leaflet-control .control-button .icon {
margin: 10px;
}
position: absolute;
display: none;
right: 0;
- width: 200px;
+ width: 250px;
height: 100%;
background: white;
+ overflow: auto;
}
-.layers-ui {
+#map-ui {
section {
border-top: 1px solid #868e85;
padding: 15px;
}
+ section:first-child {
+ border-top:0;
+ }
+
+ h2 {
+ margin:0;
+ }
+
li {
border-radius: 4px;
overflow: hidden;
label {
display: block;
padding: 5px;
- background-color: #868e85;
+ background-color: #eee;
cursor: pointer;
}
li.active label {
- background-color: #68c879;
+ background-color: #ccc;
+ }
+
+ input[type=text] {
+ width:220px;
}
.base-layers {
/* Rules for the map key which appears in the popout sidebar */
#mapkey {
- padding: $lineheight $lineheight 0 $lineheight;
.mapkey-table-key img {
display: block;
margin-left: auto;