diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index 0a0b442..ae82b23 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -188,7 +188,7 @@ $(" ."+formaClass).hover(function(idx, element) {
 		var cid  = $(this).attr('id');
 		var parcid=cid.split('_');
 		var cantoToShow = parcid[0]+"_"+parcid[2]
-		var fraseToExpand = "#"+"Frase"+parcid[4]
+		var fraseToExpand = "#"+"versiFrase"+parcid[4]
 		var cantoDiv = [];
 		var fraseDiv = [];
 		var numeroVerso;
@@ -207,15 +207,15 @@ $(" ."+formaClass).hover(function(idx, element) {
 		}
 		cantoToShow = "#"+ cantoToShow;
 		
-		$(cantoToShow +" > p").each((index, elem) => {
+		$(cantoToShow +" li").each((index, elem) => {
   			cantoDiv.push(elem.id);
 		});
 		
-		$(fraseToExpand +" > p").each((index, elem) => {
+		$(fraseToExpand +" >li").each((index, elem) => {
   			fraseDiv.push(elem.id);
 		});
 		
-		$(fraseToExpand +" > p").each((index, elem) => {
+		$(fraseToExpand +" >li").each((index, elem) => {
   			fraseElements.push(elem);
 		});
 		
@@ -273,12 +273,14 @@ $(" ."+formaClass).hover(function(idx, element) {
 	function aggiungiDopo(fraseDiv, ultimoVersoDivDopo,divAggiuntiDopo,cantoDiv){
 		idVerso = "#"+fraseDiv[fraseDiv.length-1];
 		numeroVerso = parseInt(ultimoVersoDivDopo);
+		
 		for (i=numeroVerso;i<numeroVerso+contextLength;i++){
 			var verso  = $("#"+cantoDiv[i]).clone();
 			ultimoVersoDivDopo++;
 			verso.attr('id', cantica+"_"+canto+"_"+ultimoVersoDivDopo);
 			divAggiuntiDopo.append(verso);
 		}
+
 		divAggiuntiDopo.insertAfter($(idVerso));	
 		divAggiuntiDopo.attr("ultimoVerso",ultimoVersoDivDopo)
 		return verso;		
@@ -367,8 +369,11 @@ $(" ."+formaClass).hover(function(idx, element) {
 				canto=0
 				var elencoVersi = $('<div class="itemelenco" />')
 				//var titoloCanto = $('<h5 class="titolo-canto"/>')
-				
+				var versiIniziali = $('<div class="versiFrase" />')
+
+				var listaVersi = $("<ol />")
 				elencoVersi.attr('id', "Frase"+numeroRisultato);
+				versiIniziali.attr('id', "versiFrase"+numeroRisultato);
 
 				for (forma of versiContesto){
 					if (setVersicontesto.size == 0){
@@ -376,8 +381,12 @@ $(" ."+formaClass).hover(function(idx, element) {
 						canto=forma.canto
 					}
 					if (!setVersicontesto.has(forma.verso)){
-						divVerso = createDivVersoGeneric(forma.cantica, forma.verso, forma.canto)
-						elencoVersi.append(divVerso)
+											//elverso=createDivVersoLI(cantica, formaItem[3], 'Canto_' + formaItem[1])
+
+						divVerso = createDivVersoLI(forma.cantica, forma.verso, forma.canto)
+						versiIniziali.append(divVerso)
+						listaVersi.append(versiIniziali)
+						elencoVersi.append(listaVersi)
 						setVersicontesto.add(forma.verso)
 					}
 					createSpanFormeNew(forma.testo, forma.catg, 'e'+forma.posizione, forma.periodo, forma.funzperiodo, divVerso)
@@ -394,11 +403,15 @@ $(" ."+formaClass).hover(function(idx, element) {
 
 				citazione.appendTo(divVerso);
 				
-				var spanBadgeExpand = $('<span />');	
-				var expandIcon = '<ion-icon name="arrow-down-outline"></ion-icon>';
+				var spanBadgeExpand = $('<span />');
+				//var expandIcon =  "<img src='./images/espandi.png' style='width:15px;'>"	
+				var expandIcon = '<ion-icon name="ellipsis-vertical-outline"></ion-icon>';
 				spanBadgeExpand.attr('class', 'badge badge-primary badge-pill my-0 mx-2 espandiFrase');
 				var spanBadgeReduce = $('<span />');				
+				//var reduceIcon = "<img src='./images/riduci.png' style='width:15px;'>"
+				//var reduceIcon = '<ion-icon name="close-outline"></ion-icon>';
 				var reduceIcon = '<ion-icon name="arrow-up-outline"></ion-icon>';
+
 				spanBadgeReduce.attr('class', 'badge badge-primary badge-pill my-0 mx-2 riduciFrase');
 				
 				spanBadgeExpand.attr('id', getCantica(numeroCantica)+"Canto_ex_"+canto+"_"+risultato+"_"+numeroRisultato);