Style: grey background for category content

src/OpenStreetBrowserCategory.js

@@ -24,6 +24,8 @@ OpenStreetBrowserCategory.prototype.open = function () {
     this.parentDom = document.getElementById(this.parentDom)
   }
 
+  this.parentDom.parentNode.classList.add('open')
+
   this.layer.addTo(this.map)
 
   if (!this.list) {
@@ -40,6 +42,8 @@ OpenStreetBrowserCategory.prototype.close = function () {
   this.layer.remove()
   this.list.remove()
 
+  this.parentDom.parentNode.classList.remove('open')
+
   this.isOpen = false
 }
 

style.css

@@ -88,7 +88,6 @@ body {
 /***** CATEGORY *****/
 #info .category header {
   padding-top: 3px;
-  margin-bottom: 3px;
   border-bottom: 1px dotted #999;
   user-select: none;
   font-size: 15px;
@@ -101,6 +100,14 @@ body {
 #info .category header > a:hover {
   text-decoration: underline;
 }
+#info .category ul.overpass-layer-list {
+  display: none;
+}
+#info .category.open ul.overpass-layer-list {
+  display: block;
+  padding-top: 3px;
+  background: #efefef;
+}
 
 #info .category > div > .category {
   margin-left: 1em;