loleaflet: Get rid of all fixed position

Change-Id: I104882d995722c14ddefeecf579d1233f37371d6

loleaflet/dist/loleaflet.html

@@ -43,7 +43,6 @@
 	<ul id="main-menu" class="sm sm-simple lo-menu"></ul>
       </nav>
       <div class="toolbar-wrapper">
-	<div id="toolbar" style="visibility: hidden;"></div>
 	<div id="toolbar-up"></div>
 	<div id="formulabar"></div>
 	<div id="toolbar-up-more"></div>

loleaflet/dist/menubar.css

@@ -1,15 +1,19 @@
 #main-menu {
     top: 0;
-    position: fixed;
     height: 25px;
-    display: inline-flex;
-    right: 0;
-    left: 0;
     padding-left: 125px;
     z-index: 1000;
     outline: none;
 }
 
+.header-wrapper {
+    background: #efefef; /* Fill up white areas with grey */
+    min-height: 70px; /* Map starts from 70px onwards in case of writer, calc */
+}
+.main-nav {
+    height: 30px; /* on mouseover menubar items, border emerges */
+}
+
 /* Customizations to sm-simple theme to make it look like LO menu, lo-menu class */
 .lo-menu {
     border: none;

loleaflet/dist/toolbar.css

@@ -1,21 +1,8 @@
-#toolbar {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    padding-bottom: 15px;
-    text-align: center;
-}
-
 #toolbar-up {
     left: 0;
     right: 0;
     text-align: center;
-    padding: 6px;
-    padding-top: 6px;
-    padding-bottom: 4px;
     z-index: 1000;
-    margin-top: 25px;
 }
 
 #toolbar-down {