CategoryOverpass: border around info; add close button

src/CategoryOverpass.js

@@ -201,6 +201,17 @@ CategoryOverpass.prototype.open = function () {
 
     var template = OverpassLayer.twig.twig({ data: this.data.info, autoescape: true })
     this.domInfo.innerHTML = template.render(this.data)
+
+    var closeButton = document.createElement('a')
+
+    closeButton.href = '#'
+    closeButton.innerHTML = '×'
+    closeButton.className = 'closeButton'
+    this.domInfo.appendChild(closeButton)
+
+    closeButton.onclick = function () {
+      this.domInfo.parentNode.removeChild(this.domInfo)
+    }.bind(this)
   }
 }
 

style.css

@@ -192,6 +192,17 @@ body {
 #content .category.open > .status {
   display: block;
 }
+.info {
+  position: relative;
+  border: 1px solid black;
+}
+.info > .closeButton {
+  position: absolute;
+  top: 0;
+  right: 0;
+  text-decoration: none;
+  font-size: 12px;
+}
 #content .category > .status,
 #content .category > .content > ul.overpass-layer-list {
   padding-top: 3px;