flex grid su card

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;
-        page-break-inside: avoid !important;}
+  input, .noprint {
+    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;}*/