From d394ee7542b16f854d0ff1bb3c1aed62cde87ba5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Mon, 19 Jun 2017 22:34:46 +0200
Subject: [PATCH] Style: grey background for category content

---
 src/OpenStreetBrowserCategory.js | 4 ++++
 style.css                        | 9 ++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/OpenStreetBrowserCategory.js b/src/OpenStreetBrowserCategory.js
index 4c2037f1..d70afbee 100644
--- a/src/OpenStreetBrowserCategory.js
+++ b/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
 }
 
diff --git a/style.css b/style.css
index d43b8a55..5a64b871 100644
--- a/style.css
+++ b/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;