CategoryBase/Overpass: create domTools, add domInfo when needed

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'

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)
   }

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;
 }