[TASK] Keep header in detail view

lib/infobox/main.js

@@ -19,7 +19,7 @@ define(['infobox/link', 'infobox/node', 'infobox/location'], function (link, nod
       sidebar.hide();
 
       el = document.createElement('div');
-      sidebar.container.insertBefore(el, sidebar.container.firstChild);
+      sidebar.container.children[1].append(el);
 
       el.scrollIntoView(false);
       el.classList.add('infobox');

lib/sidebar.js

@@ -44,11 +44,13 @@ define(function () {
     };
 
     self.hide = function hide() {
-      container.classList.add('hidden');
+      container.children[1].classList.add('hide');
+      container.children[2].classList.add('hide');
     };
 
     self.reveal = function reveal() {
-      container.classList.remove('hidden');
+      container.children[1].classList.remove('hide');
+      container.children[2].classList.remove('hide');
     };
 
     self.container = sidebar;

scss/modules/_base.scss

@@ -10,6 +10,7 @@ body {
 
 header {
   background: transparentize($color-black, .98);
+  border-bottom: 1px solid darken($color-white, 10%);
 }
 
 h1,
@@ -67,5 +68,5 @@ strong {
 }
 
 .hide {
-  display: none;
+  display: none !important; // sass-lint:disable-line no-important
 }

scss/modules/_sidebar.scss

@@ -63,7 +63,6 @@
     }
   }
 
-  .infobox,
   .container {
     @if $shadows == 1 {
       @include shadow(2);
@@ -73,9 +72,7 @@
     background: transparentize($color-white, .03);
     min-height: 100vh;
     overflow-y: visible;
-  }
 
-  .container {
     &.hidden {
       display: none;
     }

scss/modules/_tabs.scss

@@ -2,8 +2,8 @@
   @if $shadows == 1 {
     @include shadow(1);
   } @else {
-    border: solid darken($color-white, 10%);
-    border-width: 1px 0;
+    border: 0 solid darken($color-white, 10%);
+    border-bottom-width: 1px;
   }
   background: transparentize($color-black, .98);
   display: flex;

scss/night.scss

@@ -15,6 +15,7 @@ html {
 
   header {
     background: transparentize($color-black, .98);
+    border-bottom-color: lighten($color-white, 10%);
   }
 
   //@import 'modules/leaflet';
@@ -87,7 +88,7 @@ html {
   //@import 'modules/tabs';
   .tabs {
     background: transparentize($color-black, .98);
-    border-color: lighten($color-white, 10%);
+    border-bottom-color: lighten($color-white, 10%);
 
     li {
       color: transparentize($color-black, .5);