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;