Switch to customized leaflet-sidebar-v2 (WIP)

Based on leaflet-sidebar-v2 fork of sidebar-v2:
- Simpler because Leaflet-only
- autopan option
- seems more active with two contributers

Customization for brouter-web in own fork (WIP):
- hidden bar when collapsed
- flat design to match header/footer
- flexbox layout beside map instead of media breakpoints

css/style.css

@@ -11,7 +11,7 @@ body, #content {
 }
 
 .flexcolumn,
-.sidebar-pane.active,
+.leaflet-sidebar-pane.active,
 #datatable_wrapper,
 .dataTables_scroll,
 .dataTables_scrollBody {
@@ -288,10 +288,13 @@ table.dataTable.display tbody tr.even:hover {
 }
 
 /*
- * sidebar-v2 
+ * leaflet-sidebar-v2
  */
 
-.sidebar-pane {
+.leaflet-sidebar-pane#tab_profile,
+.leaflet-sidebar-pane#tab_data {
+    /* Full height for content with inner scrolling, 
+       overrides scroll fix for long content in Firefox */
     height: 100%;
 }
 
@@ -301,3 +304,8 @@ table.dataTable.display tbody tr.even:hover {
     font-size: 0.9rem;
     line-height: normal;
 }
+
+/* hide currently unused bottom tabs container because of touch border artefacts */
+.leaflet-sidebar-tabs > ul:last-child {
+    display: none;
+}