- Fare LISTA MOVIMENTI più comprensibile

- Grafica Circuiti

src/css/app.scss

@@ -179,6 +179,14 @@ $heightBtn: 100%;
   text-align: center;
 }
 
+.mybanner-small {
+  font-weight: bold;
+  font-size: 0.85rem;
+  text-align: center;
+}
+
+
+
 .mybanner_left {
   padding: 4px;
   font-weight: bold;
@@ -864,8 +872,8 @@ h3 {
 .bordo_stondato_stretto {
   margin: 4px;
   border-radius: 3rem;
-  padding-left: 14px;
-  padding-right: 14px;
+  padding-left: 2px;
+  padding-right: 2px;
   padding-top: 0px;
   padding-bottom: 0px;
   border: solid 3px #49b502;
@@ -2279,26 +2287,40 @@ $coloreprincipale: lightblue;
 
 }
 
+:root {
+  --background-even-light: rgba(211, 211, 211, 0.3);
+  --background-odd-light: white;
+  --background-even-dark: rgba(45, 45, 45, 0.7); /* Aggiustare per il tema dark */
+  --background-odd-dark: rgba(30, 30, 30, 1); /* Aggiustare per il tema dark */
+}
+
 .background-even {
   background-color: rgba(211, 211, 211, 0.3);
 }
 
 .background-odd {
   background-color: white;
-  /* O altro colore preferito */
+  @media (prefers-color-scheme: dark) {
+    background-color: rgba(140, 140, 140, 0.3);
+  }  
 }
 
 .q-stepper__tab {
   padding: 3px 3px !important;
 }
 
-.q-stepper__step-inner{
-  padding-left: 24px !important;
-  padding-right: 4px !important;
+.q-stepper--horizontal .q-stepper__step-inner {
+  padding: 16px !important;
 
   @media (max-width: 600px) {
-    padding-left: 16px !important;
-    padding-right: 2px !important;
+    padding: 8px !important;
   }
-
 }
+
+.dialog_class{
+  max-width: 800px;
+  width: 100%;
+  @media (max-width: 600px) {
+    max-width: 100%;
+  }  
+}