diff --git a/NikBrowseSearchCombinedNew.html b/NikBrowseSearchCombinedNew.html
index f683dc5..d3ae5f4 100644
--- a/NikBrowseSearchCombinedNew.html
+++ b/NikBrowseSearchCombinedNew.html
@@ -571,7 +571,7 @@
 					</div>
 				</div>
 			</div>
-			<div>&nbsp;</div>
+		<!-- 	<div>&nbsp;</div> -->
 		</div>
 
 		<!-- 	<blockquote class="ph0 mh0 measure f4 lh-copy center mt0">
@@ -590,13 +590,13 @@
 	<div class="container-xxl ">
 		<!-- <div class="cf ph2-ns"> -->
 		<div class="row  padding-right-xl padding-left-xl">
-			<div class="col-md-3 pl4 pt0 pr8 pb0 ml4">
-				<div class="labelSelect">
+			<div class="col-3 pl4 pt0 pr8 pb0 ml4">
+				<!-- <div class="labelSelect">
 					<div>&nbsp;&nbsp;</div>
 					<div class="availability f3 b labelRisultatoRicerca">
 						<span style="display: none;">Risultati della ricerca:</span>
 					</div>
-				</div>
+				</div> -->
 			
 				<div class="flex flex-column" >
 					<div class="w-45 pa1 mr1 risultatiRicerca">
@@ -627,30 +627,31 @@
 				
 
 			</div>
-			<div class="col-md-5 pa4 pl6 " id="browseArea">
-				<div class="bg-washed-blue pv0">
-					 <div class="availability f3 b labelCantica" style="display: none;">
+			<div class="col-5 pa0 pl6 " id="browseArea">
+				<!-- <div class="bg-washed-blue"> -->
+					<!--  <div class="availability f3 b labelCantica" style="display: none;">
 						<span>Inferno</span>
-					</div>
+					</div> -->
 					<!--<div
 						class="measure f6 lh-copy text-secondary font-weight-lighter labelCanto">
 						<span>Canto I</span>
 					</div> -->
-					<div>&nbsp;</div>
 					<!-- <form id='filterform' onsubmit="return false;"> -->
 						<!-- <textarea id="displaycanto" name="PagineCanti" readonly
 							style="resize: none" class="blog-main flex mb0 pb0 bg-washed-blue bn"
 							rows="20" cols="35"></textarea>  -->
-						<div class=" blog-main overflow-auto p-3 border text-muted" target='area' id="displaycanto" style="max-width: 500px; max-height: 500px;">
+						<div class=" blog-main overflow-auto border text-muted" target='area' id="displaycanto" style='max-height: 600px'>
 						
 						<!-- <div id="displaycanto" name="PagineCanti" class="blog-main flex mb0 pb0 bg-washed-blue bn"></div>-->
 
 					<!-- </form> -->
 				</div>
-			</div>
+			<!-- </div> -->
 		</div>
-		<div class="col-md-3" id="displayminimap">
-			
+		<div class="col-2 pa0 pl6" id="shmm">
+		  
+			<div id="displayminimap"></div>
+		
 		</div>
 	</div>
 
diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index 4f992b5..9fc2493 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -256,11 +256,17 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
 		cssLinkb.rel = "stylesheet"; 
 		cssLinkb.type = "text/css";
 		
+		var cssLinkscroll = document.createElement("link");
+		cssLinkscroll.href = "./css/browsingldc.css";
+		cssLinkscroll.rel = "stylesheet"; 
+		cssLinkscroll.type = "text/css";
+		
 		iFrameDoc.open();
 		iFrameDoc.write(html);
 		iFrameDoc.close();
 		iFrameDoc.head.appendChild(cssLink);
 		iFrameDoc.head.appendChild(cssLinkb);
+		iFrameDoc.head.appendChild(cssLinkscroll);
 
 		getDimensionsDiv()
 		
@@ -359,12 +365,12 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
 	   	
 	    let winRatio = elmih / (mmiw-32);
 	    
-		
-	     viewer.style.width='50%'
+		 minimap.style.width = '70%';
+	     viewer.style.width='40%'
 	   
 		if(isnick!=null){
-			minimap.style.width = '40%';
-			viewer.style.width='15%'
+			minimap.style.width = '70%';
+			viewer.style.width='20%'
 		}
 	    
 	    
@@ -374,11 +380,11 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
 	    console.log(' cw ' +minimap.clientWidth+" bw "+ bodyWidth +" br "+bodyRatio+ ' rs '+realScale)
 	    //realScale=scale
 	    
-		minimapSize.style.paddingTop = `${bodyRatio * 500}%`
+		minimapSize.style.paddingTop = `${bodyRatio * 100}%`
 		
 		console.log (minimapSize.style.paddingTop)
 		
-		viewer.style.paddingTop = `${(winRatio) * 53}%`;
+		viewer.style.paddingTop = `${(winRatio) * 50}%`;