From 2d5a7eca2fabbbd08b9f284039dfafcf0f1b7adf Mon Sep 17 00:00:00 2001
From: Luca Trupiano <luca.trupiano@isti.cnr.it>
Date: Wed, 14 Dec 2022 18:57:02 +0100
Subject: [PATCH] lavoro in corso sulla lista clausole

---
 index_3.1.html | 53 +++++++++++++++++++++++++-------------------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/index_3.1.html b/index_3.1.html
index 5914da2..2422ff4 100644
--- a/index_3.1.html
+++ b/index_3.1.html
@@ -361,7 +361,7 @@
 									data-toggle="collapse" data-target="#collapseOptions"
 									aria-expanded="false" aria-controls="collapseExample">
 									<span class="small">Mostra Opzioni</span></button>
-								<div class="btn-group pr-2">
+								<div class="btn-group pr-2 align-self-end">
 									<input class="form-control-sm pr-2 monMe" type="text" id="queryText"
 										placeholder="Cerca">
 								</div>
@@ -1062,7 +1062,7 @@
 
 									<!--   TIPO GRAMMATICALE -->
 									<div style="display: none;"
-										class="col-12 tab-pane p-0 pt-3 bg-white border-top"
+										class="col-12 tab-pane p-0 pt-3 mt-2 bg-white border-top"
 										id="tipogrammaticaleN" role="tabpanel"
 										aria-labelledby="claN-tab" data-claType="Grammaticale"
 										data-claActive="1">
@@ -1154,7 +1154,7 @@
 
 									<!--   TIPO SINTATTICO -->
 									<div style="display: none;"
-										class="col-12 tab-pane p-0 pt-3 bg-white border-top" id="tiposintatticoN"
+										class="col-12 tab-pane p-0 pt-3  bg-white border-top" id="tiposintatticoN"
 										role="tabpanel" aria-labelledby="claN-tab"
 										data-claType="Sintattico" data-claActive="1">
 										<div class="form-group form-inline input-group p-1 mb-1"
@@ -1846,8 +1846,8 @@
 										<ul>
 									<!--   LI CLAUSOLA -->
 											<li id="li-claxX1Xx" style="display: none;"
-												class="claLI card mx-0 my-1 p-1 list-group-item align-items-center border text-muted bg-white">
-												<div class="handle container p-0">
+												class="claLI card mx-0 my-1 py-1 px-0 list-group-item align-items-center border text-muted bg-white">
+												<div class="handle container p-0 pl-1">
 													<div
 														class="row no-gutters flex-nowrap align-items-start justify-content-between">
 														<div class="col-md-auto pl-0 pr-1 align-self-start">
@@ -1861,10 +1861,29 @@
 															class="col-md-auto px-0 align-self-start justify-content-end">
 															<div class="row no-gutters justify-content-end">
 																<div
-																	class="col-auto pb-0 pl-2 pr-1 pt-1 align-top flex-grow-1 align-self-end justify-content-end text-right bd-highlight text-primary editCla"
+																	class="col-auto pb-0 pl-2 pr-1 pt-1 align-top flex-grow-1 align-self-start justify-content-end text-right bd-highlight text-primary editCla"
 																	id="headingCxX1Xx">
 
-																	<button class="btn btn-sm btn-link collapsed p-0"
+																	<div style="height: 32px;" 
+																		class="custom-control custom-control-sm custom-control-sm custom-switch p-0 align-self-end text-right">
+																		<input type="checkbox"
+																			class="custom-control-input claAct align-self-end"
+																			name="cla-attiva" aria-label="attiva"
+																			id="actiClaSWxX3Xx"><label
+																			class="custom-control-label form-control-sm	p-0" for="actiClaSWxX1Xx"></label>
+																	</div>
+
+																</div>
+																<div
+																	class="col-auto pb-0 pl-1 pr-2 pt-1 align-top align-self-start justify-content-end text-right bd-highlight text-primary removeCla">
+																	<ion-icon name="close-circle"></ion-icon>
+																</div>
+															</div>
+															<div class="row no-gutters align-self-end align-items-end">
+																<div class="col-auto align-self-end p-0">
+
+																	<button class="btn btn-sm btn-link collapsed mr-2 px-4 pb-0 border border-primary"
+																		style="background-color: #dbe5f2 !important;"
 																		data-toggle="collapse"
 																		data-target="#collapseCxX1Xx"
 																		aria-expanded="false"
@@ -1873,29 +1892,11 @@
 																	</button>
 
 																</div>
-																<div
-																	class="col-auto pb-0 pl-1 pr-2 pt-1 align-top align-self-end justify-content-end text-right bd-highlight text-primary removeCla">
-																	<ion-icon name="close-circle"></ion-icon>
-																</div>
-															</div>
-															<div class="row no-gutters align-items-end">
-																<div class="col align-self-end p-0">
-
-																	<div
-																		class="custom-control custom-control-sm custom-control-sm custom-switch p-0 align-self-end text-right">
-																		<input type="checkbox"
-																			class="custom-control-input claAct"
-																			name="cla-attiva" aria-label="attiva"
-																			id="actiClaSWxX3Xx"><label
-																			class="custom-control-label form-control-sm	p-0" for="actiClaSWxX1Xx"></label>
-																	</div>
-
-																</div>
 															</div>
 														</div>
 													</div>
 												</div>
-												<div id="collapseCxX1Xx" class="collapse"
+												<div id="collapseCxX1Xx" class="collapse""
 													aria-labelledby="headingCxX1Xx"
 													data-parent="#sortable0">
 													<div class="card-body p-0" id="claBodyxX1Xx"></div>