diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index 08a9f5e..b82f4d4 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -904,42 +904,62 @@ function resetFrasi(){
 		commentArea.empty()
 		var id = cid.substr(9);		
 		var collapseNote;
-		var claBody = $('<div class="card-body p-0 mx-1 mb-1 bg-lida11 border rounded" id="claBodyxX1Xx">');
 		
 		for (var pos in commentsArray){
+			var claBody = $('<div class="card-body p-0 mx-1 mb-1 bg-lida11 border rounded" id="claBodyxX1Xx">');
+			var divCampiSingoli = $('<div class="d-flex align-content-start flex-wrap text-muted">');
+
 			var comments = commentsArray[pos]
 			if (comments.verso == id){
 				createNoteHeader(commentArea, comments, id, cantica, parcid);			
-				collapseNote = $('<div id="collapseNote"'+id+ 'class="collapse show"'+
-				'aria-labelledby="headingCX" data-parent="#sortable0">');
-				collapseNote.append(claBody);
 				
+				collapseNote = $('<div class="collapse show"'+'aria-labelledby="headingCX" data-parent="#sortable0">');
+				collapseNote.attr('id',"collapseNote"+id)
+				collapseNote.append(claBody);
+				commentArea.append(collapseNote)
+
 				if (comments.TestoFonteCitazione != null && comments.TestoFonteCitazione != "nan"){
-					createModule(commentArea,"Testo della fonte: ", comments.TestoFonteCitazione, "1", id)
+					createModule(collapseNote,"Testo della fonte: ", comments.TestoFonteCitazione, "1", id)
 				}
+				
+				//divCampiSingoli.appendTo(collapseNote);
+	
 				if (comments.NaturaRiferimento != null){
-					createModule(commentArea,"Tipo Riferimento: ", comments.NaturaRiferimento, "2", id)
+					//createModule(commentArea,"Tipo Riferimento: ", comments.NaturaRiferimento, "2", id)
+					createDivSingola(divCampiSingoli, "Tipo Riferimento: ", comments.NaturaRiferimento)
+					divCampiSingoli.appendTo(collapseNote);
+
 				}
 				if (comments.commentario != null){
-					createModule(commentArea,"Commentatore: ", comments.commentario, "3", id)
+					//createModule(commentArea,"Commentatore: ", comments.commentario, "3", id)
+					createDivSingola(divCampiSingoli, "Commentatore: ", comments.commentario)
+					divCampiSingoli.appendTo(collapseNote);
+
 				}		
 				if (comments.RapportoSoggettoOggetto != null){
-					createModule(commentArea,"Rapporto Testo/Fonte: ", comments.RapportoSoggettoOggetto, "4", id)
+					//createModule(commentArea,"Rapporto Testo/Fonte: ", comments.RapportoSoggettoOggetto, "4", id)
+					createDivSingola(divCampiSingoli, "Rapporto Testo/Fonte: ", comments.RapportoSoggettoOggetto)
+					divCampiSingoli.appendTo(collapseNote);
+
 				}
+				//divCampiSingoli.appendTo(collapseNote);
+				//commentArea.append(divCampiSingoli);
+
 				if (comments.RapportoCommentoCommentatoreText != null && comments.RapportoCommentoCommentatoreText != "nan"){
-					createModuleCommentatore (commentArea, comments.RapportoCommentoCommentatoreText, "5", id)
+					createModuleCommentatore (collapseNote, comments.RapportoCommentoCommentatoreText, "5", id)
 				}
 								
 				if (comments.annotazione != null && comments.annotazione != "nan"){
-					createModule(commentArea,"Annotazione: ", comments.annotazione, "6", id)
+					createModule(collapseNote,"Annotazione: ", comments.annotazione, "6", id)
 				}
 				if (comments.frammentoNota != null && comments.frammentoNota != "nan"){
-					createModule(commentArea,"Nota: ", comments.frammentoNota, "7", id)
+					createModule(collapseNote,"Nota: ", comments.frammentoNota, "7", id)
 				}
 				
 				if (comments.NotaFonteCitazione != null && comments.NotaFonteCitazione != "nan" && comments.NotaFonteCitazione != ""){
-					createModule(commentArea,"Nota dell'annotatore: ", comments.NotaFonteCitazione, "8", id)
+					createModule(collapseNote,"Nota dell'annotatore: ", comments.NotaFonteCitazione, "8", id)
 				}
+				//commentArea.append(collapseNote)
 				commentArea.append('<hr class="pt-0 center text-dark bg-dark" style="width: 100%;">');
 			}
 		}		
@@ -1007,7 +1027,14 @@ function resetFrasi(){
 		commentHeader.appendTo(headerDiv);
 	}
 	
-	function createModule(commentArea,label, testo, num, id){
+	function createDivSingola(divCampi, campo, valore){
+		var divSingola = $('<div class="p-2">');
+		divSingola.append ('<b>'+campo+'</b><i>  '+valore+'</i>');
+		divSingola.appendTo(divCampi);
+	}
+
+	
+	function createModule(collapse,label, testo, num, id){
 		var divModule = $('<div class="module pb-0">');
 		var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+'" aria-expanded="false">')
 		var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
@@ -1018,9 +1045,9 @@ function resetFrasi(){
       	divContent.append(divTesto);
       	divNote.append(divContent)
       	divModule.append(divNote);
-      	divModule.appendTo(commentArea);
+      	divModule.appendTo(collapse);
 	}
-	function createModuleCommentatore(commentArea, commento, num, id){
+	function createModuleCommentatore(collapse, commento, num, id){
 		var commentoCommentatore = commento.split(',');
 		var divModule = $('<div class="module pb-0">');
 		var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+'" aria-expanded="false">')
@@ -1058,7 +1085,7 @@ function resetFrasi(){
       	divContent.append(divTesto);
       	divNote.append(divContent)
       	divModule.append(divNote);
-      	divModule.appendTo(commentArea);
+      	divModule.appendTo(collapse);
 	}
 
 	function hasComments(cid){