From 2f4257c277fe673981aef5de2eb512b30e3366e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Sat, 20 Oct 2018 22:31:10 +0200
Subject: [PATCH] CategoryOverpass: Show filter within tab

---
 src/CategoryOverpass.js | 10 +++++++++-
 style.css               |  4 ++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/CategoryOverpass.js b/src/CategoryOverpass.js
index e7ff4e78..b7bfdeda 100644
--- a/src/CategoryOverpass.js
+++ b/src/CategoryOverpass.js
@@ -109,7 +109,16 @@ function CategoryOverpass (options, data) {
   this.layer.on('zoomChange', (ob, data) => this.emit('remove', ob, data))
 
   if (this.data.filter) {
+    this.tabFilter = new tabs.Tab({
+      id: 'filter'
+    })
+    this.tools.add(this.tabFilter)
+
+    this.tabFilter.header.innerHTML = '<i class="fa fa-filter" aria-hidden="true"></i>'
+    this.tabFilter.header.title = lang('filter')
+
     this.domFilter = document.createElement('form')
+    this.tabFilter.content.appendChild(this.domFilter)
 
     for (var k in this.data.filter) {
       let f = this.data.filter[k]
@@ -180,7 +189,6 @@ function CategoryOverpass (options, data) {
       this.layer.options.queryOptions.filter = this.additionalFilter
       this.layer.check_update_map()
     }.bind(this)
-    this.dom.insertBefore(this.domFilter, this.domContent)
   }
 
   var p = document.createElement('div')
diff --git a/style.css b/style.css
index f832b3e4..3571b2f4 100644
--- a/style.css
+++ b/style.css
@@ -427,3 +427,7 @@ a:active {
 .overpass-layer-icon .sign {
   white-space: nowrap;
 }
+
+.tabs-section > form > span.form_element_form_chooser {
+  border: none;
+}