diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index acc3e4d..63fdbc7 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -780,7 +780,7 @@ function resetFrasi(){
 				case "3":	cantica = "Paradiso";
 		}
 		var commentArea = $('#displaynote');
-		// commentArea.empty()
+		commentArea.empty()
 		if ($('#noteCard0').length ) {
 			$("#noteCard0")[0].remove();
 		}
@@ -790,7 +790,8 @@ function resetFrasi(){
 		for (var pos in commentsArray){
 			console.log("Id: "+id);
 			var noteCard = $('<div class="card card-body well well-sm m-1 mt-2 p-0" id="noteCard' + id + '">');			
-			var collapseCardBody = $('<div class="card-body px-0 py-2 mx-1 mb-1 mt-0 border rounded" >');
+			//var collapseCardBody = $('<div class="card-body px-0 py-2 mx-1 mb-1 mt-0 border-top rounded" >');
+			var collapseCardBody = $('<div class="card-body px-0 py-1 mx-3 my-0 border-top rounded" >');
 			var divCampiSingoli = $('<div class="d-flex align-content-start flex-wrap text-muted">');
 
 			var comments = commentsArray[pos]
@@ -852,7 +853,8 @@ function resetFrasi(){
 				'class="btn btn-sm btn-outline-primary bg-light closeNote border rounded text-primary align-self-end px-1 pb-0 ml-1 mb-1">'+
 				'<ion-icon name="close-circle"></ion-icon>');
 		
-		rigaNota.append('<b>' + cantica + '</b>' + ", Canto " + getRoman(parcid[2]) + ", Verso " + parcid[3] + "<br>");
+		//rigaNota.append('<b>' + cantica + '</b>' + ", Canto " + getRoman(parcid[2]) + ", Verso " + parcid[3] + "<br>");
+		rigaNota.append('<h6 class="card-title mb-2 text-warning">' + cantica + ", Canto " + getRoman(parcid[2]) + ", Verso " + parcid[3] + "</h6>");
 		collapseButton.appendTo(buttons);
 		closeButton.appendTo(buttons);
 
@@ -888,9 +890,9 @@ function resetFrasi(){
 			luogoFonte = comments.LuogoFonteCitazione;
 		}
 		if (comments.URLFonteCitazione != null) {
-			rigaNota.append('&nbsp;<b>Coordinate della Fonte:</b><a href="' + comments.URLFonteCitazione + '"target="_blank"<i> ' + luogoFonte + '</i></a><br>');
+			rigaNota.append('&nbsp;<b>Coordinate della fonte:</b><a href="' + comments.URLFonteCitazione + '"target="_blank"><i> ' + luogoFonte + '</i></a><br>');
 		} else {
-			rigaNota.append('&nbsp;<b>Coordinate della Fonte:</b><i> ' + luogoFonte + '</i><br>');
+			rigaNota.append('&nbsp;<b>Coordinate della fonte:</b><i> ' + luogoFonte + '</i><br>');
 		}
 		rigaNota.appendTo(commentHeader);
 		buttons.appendTo(commentHeader);
@@ -898,19 +900,29 @@ function resetFrasi(){
 	}
 	
 	function createDivSingola(divCampi, campo, valore){
-		var divSingola = $('<div class="px-3 py-1">');
+		//var divSingola = $('<div class="px-3 py-1">');
+		var divSingola = $('<div class="pl-0 pr-3 py-1">');
 		divSingola.append ('<b>'+campo+'</b><i>  '+valore+'</i>');
 		divSingola.appendTo(divCampi);
 	}
 
 	function createModule(collapse,label, testo, num, id, pos){
-		console.log(label+": "+testo.length);
-		var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
-		var divTesto = $('<div class="px-3 py-1">')
-		var nota = '<b>'+label+'</b>'+testo;
-      	divTesto.append(nota);
-      	divContent.append(divTesto);
-		if (testo.length > 260) {
+		//console.log(label+": "+testo.length);
+		var divContent = $('<div class="text-muted p-0">');
+		//var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
+		//var divTesto = $('<div class="px-3 py-1">')
+		var nota = '<b>'+label+'</b><span class="blog-main-16">'+testo+'</span>';
+      	//divTesto.append(nota);
+      	//divContent.append(divTesto);
+		divContent.append(nota);
+		if (testo.length > 210) {
+/*
+var a = $('#displaynote').width();
+var b = $('#Test').width();
+var c = (a / b  * 2.2 * 52)
+console.log($('#Test').text().length)
+console.log(c)
+*/
 			var divModule = $('<div class="module pb-0">');
 			var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+ '_' + pos +'" aria-expanded="false">')
 			divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse'+num+'Note'+id+ '_' + pos +'" role="button"></a>')
@@ -926,13 +938,13 @@ function resetFrasi(){
 		let jsonCommento=JSON.parse(commento.replaceAll("'", '"').replaceAll("+", '"'));
 		var urlCommento = jsonCommento.Commento;
 		
-		var esitoCommento = jsonCommento.Rapporto.charAt(0) + jsonCommento.Rapporto.substring(1).toLowerCase();
+		var esitoCommento = jsonCommento.Rapporto;
 		
 		var autoreCommento = jsonCommento.Autore
 		//var commentoCommentatore = commento.split(',');
 		var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
-		var divTesto = $('<div class="px-3 py-1">')
-		var nota;
+		var divTesto = $('<div class="pl-0 pr-3 py-1">')
+		var nota;	
 		/*
 		var urlCommento = commentoCommentatore[0];
 		var position = urlCommento.indexOf("https");
@@ -955,11 +967,17 @@ function resetFrasi(){
 		if (urlCommento == "") {
 			nota = '<b>Rapporto commento/commentatore: </b>'+esitoCommento+' Commento nullo, '+'</b><br>';
 		} else {
-			nota = '<b>Rapporto commento/commentatore: </b>'+esitoCommento +' <a href="'+urlCommento+'"target="_blank"<i>' + autoreCommento+ '</i></a>' +  '</b><br>';
+			nota = '<b>Rapporto commento/commentatore: </b><i>'+esitoCommento +' <a href="'+urlCommento+'"target="_blank">' + autoreCommento+ '</i></a> ' +  '</b><br>';
 		}
 		divTesto.append(nota);
       	divContent.append(divTesto);
-		if (nota.length > 260) {
+		if (nota.length > 210) {
+/*
+var a = $('#displaynote').width();
+var b = $('#Test').width();
+var c = (a / b  * 2.2 * 52)
+console.log(c)
+*/
 			var divModule = $('<div class="module pb-0">');
 			var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+ '_' + pos +'" aria-expanded="false">')
 			divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse'+num+'Note'+id+ '_' + pos +'" role="button"></a>')