From a55ec40276f6d89bc419a163327634f4a6e50d9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Wed, 18 Oct 2017 09:44:14 +0200
Subject: [PATCH] CategoryBase/Overpass: create domTools, add domInfo when
 needed

---
 src/CategoryBase.js     | 6 +++---
 src/CategoryOverpass.js | 4 ++++
 style.css               | 4 ++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/CategoryBase.js b/src/CategoryBase.js
index f83f7bc0..f574f9c4 100644
--- a/src/CategoryBase.js
+++ b/src/CategoryBase.js
@@ -57,9 +57,9 @@ function CategoryBase (id, data) {
     }
   }
 
-  this.domInfo = document.createElement('div')
-  this.domInfo .className = 'info'
-  this.dom.appendChild(this.domInfo)
+  this.domTools = document.createElement('div')
+  this.domTools.className = 'tools'
+  this.dom.appendChild(this.domTools)
 
   this.domContent = document.createElement('div')
   this.domContent.className = 'content'
diff --git a/src/CategoryOverpass.js b/src/CategoryOverpass.js
index d419389d..9d9247d4 100644
--- a/src/CategoryOverpass.js
+++ b/src/CategoryOverpass.js
@@ -195,6 +195,10 @@ CategoryOverpass.prototype.open = function () {
   state.update()
 
   if ('info' in this.data) {
+    this.domInfo = document.createElement('div')
+    this.domInfo.className = 'info'
+    this.domTools.appendChild(this.domInfo)
+
     var template = OverpassLayer.twig.twig({ data: this.data.info, autoescape: true })
     this.domInfo.innerHTML = template.render(this.data)
   }
diff --git a/style.css b/style.css
index fb046562..5e1cab45 100644
--- a/style.css
+++ b/style.css
@@ -183,12 +183,12 @@ body {
   float: right;
 }
 #content .category > .content,
-#content .category > .info,
+#content .category > .tools,
 #content .category > .status {
   display: none;
 }
 #content .category.open > .content,
-#content .category.open > .info,
+#content .category.open > .tools,
 #content .category.open > .status {
   display: block;
 }