flex grid su card

index.html

@@ -40,7 +40,7 @@
         <!--button id="print">Pdf "Desidera un mercato"</button-->
     </p>
     <p class="noprint" >
-        <button type="button" id="toggleinfo" onclick='$(".menoinfo").toggleClass("hide")'>Più o meno info</button>
+        <button type="button" id="toggleinfo" onclick='$(".card-hidden").toggleClass("hide")'>Più o meno info</button>
         <button type="button" onclick="myFunction()">Stampa PDF dettagliato</button>
         <button type="button" onclick="schedeBanco()">Stampa PDF schede Banco</button>
         <button type="button" id="exportcsv" onclick="exportCsv()" alt="Solo Nome, Referente, Nome referente di visita di ingresso, Località">Esporta CSV x sito</button>

software_export/css/main.css

@@ -1,13 +1,12 @@
 /*
  * Codice css per l'applicazione
  */
-
-
 body {
   /* background-image: url(../images/agricoltura_bene_comune.png);*/
   background-position: center;
   background-repeat: space;
 }
+
 header.page-header {
   margin-top: 0;
 }
@@ -28,19 +27,35 @@ section.page-body {
   margin-top: 20px;
   margin-bottom: 20px;
 }
+
 .card.accordion.shuffle-item.filtered {
   border: solid 1px goldenrod;
 }
-    .col-sm-12.card.accordion.shuffle-item.filtered {}
+
+/*grid per schermi grandi ed orizzontali*/
+.card {
+  display: flex;
+}
+
+.card-body {
+  order: 1;
+}
+
+.card-header {
+  order: 2;
+}
+
 h5 {
   margin: 1.5em 0em;
   font-weight: 600;
   text-transform: uppercase;
-    
+  font-size: 2.6em;
 }
+
 span {
   line-height: 1;
 }
+
 span.info {
   line-height: 1;
   margin-bottom: 1em;
@@ -66,9 +81,11 @@ footer.page-footer,
 header.page-header.aziende {
   background-color: goldenrod;
 }
+
 header.page-header.ingressi {
   background-color: forestgreen;
 }
+
 header.page-header.scartati {
   background-color: grey;
 }
@@ -99,19 +116,26 @@ margin: 0.8cm;
     font-size: 12pt !important;
     line-height: 1;
   }
+
   h5 {
     margin: 10px 0px;
     font-weight: 600;
     text-transform: uppercase;
   }
-input, .noprint{display:none !important;}
 
-    div.card {page-break-after: always !important;
+  input, .noprint {
-        page-break-inside: avoid !important;}
+    display: none !important;
+  }
+
+  div.card {
+    page-break-after: always !important;
+    page-break-inside: avoid !important;
+  }
 
   .card.accordion.shuffle-item.filtered {
     border: none;
   }
+
   /* div.card{page-break-after: always}*/
   /*div.filtered { }*/
   /*div.card.accordion.shuffle-item.filtered { display:none !important;}*/

software_export/js/main.js

@@ -133,7 +133,7 @@ function Aziende(stringexel) {
       .attr("class", "card-body");
 
       var schede_infoprivate = schede.append("div")
-        .attr("class", "card-hidden");
+        .attr("class", "card-hidden, hide");
 
 /*hidden*/