From 1bed533c137d6fb4616eed268d295660b5ee9425 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Sun, 11 Jun 2017 21:56:52 +0200
Subject: [PATCH] Format categories structure

---
 index.html                    | 5 +++++
 src/OpenStreetBrowserIndex.js | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index c0a37d4f..17f91c0e 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,12 @@
   <link rel="stylesheet" href="node_modules/leaflet/dist/leaflet.css" />
   <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css" />
   <style>
+#info .category > div > .category {
+  margin-left: 1em;
+}
 ul.overpass-layer-list {
+  margin-top: 0;
+  margin-bottom: 0;
 }
 ul.overpass-layer-list > li {
   position: relative;
diff --git a/src/OpenStreetBrowserIndex.js b/src/OpenStreetBrowserIndex.js
index cf7b2694..dea6529e 100644
--- a/src/OpenStreetBrowserIndex.js
+++ b/src/OpenStreetBrowserIndex.js
@@ -24,6 +24,7 @@ OpenStreetBrowserIndex.prototype.open = function () {
   for (var i = 0; i < this.data.subCategories.length; i++) {
     var data = this.data.subCategories[i]
     var dom = document.createElement('div')
+    dom.className = 'category'
     this.parentDom.appendChild(dom)
 
     var domHeader = document.createElement('header')
@@ -37,8 +38,7 @@ OpenStreetBrowserIndex.prototype.open = function () {
 
     var domContent = document.createElement('div')
     this.childrenDoms[data.id] = domContent
-    this.parentDom.appendChild(domContent)
-
+    dom.appendChild(domContent)
     this.childrenCategories[data.id] = null
 
     if ('type' in data) {