CSS: Flex layout to container contents

modules/monitoring/public/css/module.less

@@ -1,11 +1,10 @@
 /*! Icinga Web 2 | (c) 2014 Icinga Development Team | GPLv2+ */
 
 .monitoring-statusbar {
+  position: relative;
   background-color: @body-bg-color;
   border-top: 1px solid @gray-lighter;
-  bottom: 0;
   padding: .25em @gutter;
-  position: fixed;
   line-height: 1;
 
   &:before {

public/css/icinga/layout.less

@@ -159,19 +159,9 @@
 }
 
 .controls {
-  // Override default transparent background because scrolled content is positioned beneath controls and could be seen
-  // through otherwise
-  background-color: @body-bg-color;
-
   > .tabs {
-    height: 2.6em;
-    margin-top: -2.6em;
     overflow: hidden;
   }
-
-  > .tabs-spacer {
-    margin-bottom: 1em;
-  }
 }
 
 // Display tabs if JS is disabled
@@ -242,15 +232,6 @@ html.no-js .controls > .tabs {
   }
 }
 
-// Z-Index correction
-#main {
-  z-index: 1;
-}
-
-#sidebar {
-  z-index: 2;
-}
-
 // Collapsed sidebar
 #layout:not(.minimal-layout).sidebar-collapsed {
   #header-logo-container {