now the bottom toolbar is visible

css/style.css

@@ -171,9 +171,10 @@
 #mainContainer{
 	position: absolute;
 	width:100%;
-	height:100%;
 	z-index: 500;
 	background-color: #ddd !important;
+	top: 46px;
+	bottom: 0;
 }
 
 #documents-overlay,  #documents-overlay-below{

js/documents.js

@@ -186,7 +186,7 @@ var documentsMain = {
 				'&edit=' + 'false' +
 				'&timestamp=' + '';
 
-			var frame = '<iframe id="loleafletframe" allowfullscreen style="width:100%;height:100%;display:block;position:fixed;top:46px;" src="' + viewer + '"  sandbox="allow-scripts allow-same-origin allow-popups"/>';
+			var frame = '<iframe id="loleafletframe" allowfullscreen style="width:100%;height:100%;position:absolute;" src="' + viewer + '"  sandbox="allow-scripts allow-same-origin allow-popups"/>';
 
 			$('#mainContainer').append(frame);
 			documentsMain.overlay.documentOverlay('hide');