Ancora update su display

MP.Mon/Pages/Index.razor

@@ -26,27 +26,29 @@
         int currIdx = 0;
         foreach (var macchina in ListMSE)
         {
-            <div class="col px-0 pe-1">
+            <div class="col px-1">
                 <div class="@cssStatus(macchina.Semaforo) p-1">
-                    <div class="row mb-1">
-                        <div class="col-12">
-                            <div class="ui-title text-uppercase">@macchina.Nome</div>
-                        </div>
+                    <div class="d-flex mb-1 ui-title justify-content-center align-items-center text-uppercase">
+                        @macchina.Nome
                     </div>
-                    <div class="row pt-0 pb-2 px-1 fontSmall">
-                        <div class="col-4 pe-0">Art.</div>
-                        <div class="col-8 ps-0 text-right ui-art">@macchina.CodArticolo</div>
+                    <div class="d-flex justify-content-between pt-0 pb-2 px-1 fontSmall">
+                        <div class="px-1 pe-0">Art.</div>
+                        <div class="px-1 ps-0 ui-art">@macchina.CodArticolo</div>
                     </div>
-                    <div class="row pt-0 pb-2 px-1 fontSmall">
-                        <div class="col-9 text-uppercase"><b>@macchina.DescrizioneStato</b></div>
-                        <div class="col-3 ps-0 text-right">@($"{macchina.Durata:0.00}")</div>
+                    <div class="d-flex justify-content-between pt-0 pb-2 px-1 fontSmall">
+                        <div class="px-1 text-uppercase"><b>@macchina.DescrizioneStato</b></div>
+                        <div class="px-1 ps-0">@($"{macchina.Durata:0.00}")'</div>
+                    </div>
+                    <div class="d-flex justify-content-between pt-0 pb-2 px-1 fontSmall">
                         @*<div class="col-6 pe-0">OEE</div>
-                            <div class="col-6 ps-0 text-right">xx%</div>*@
-                        <div class="col-4 pe-0">T.Ciclo</div>
-                        <div class="col-4 ps-0 text-right">std: @getMinSec(macchina.TCAssegnato)</div>
-                        <div class="col-4 ps-0 text-right">act: @getMinSec(macchina.TCLavRt)</div>
-                        <div class="col-6 pe-0">Pezzi<sub>(prod/ord)</sub></div>
-                        <div class="col-6 ps-0 text-right">@macchina.PezziProd / @macchina.NumPezzi</div>
+                            <div class="col-6 ps-0">xx%</div>*@
+                        <div class="px-1 pe-0">T.Ciclo</div>
+                        <div class="px-1 ps-0">std: @getMinSec(macchina.TCAssegnato)</div>
+                        <div class="px-1 ps-0">act: @getMinSec(macchina.TCLavRt)</div>
+                    </div>
+                    <div class="d-flex justify-content-between pt-0 pb-2 px-1 fontSmall">
+                        <div class="px-1 pe-0">Pezzi<sub>(prod/ord)</sub></div>
+                        <div class="px-1 ps-0">@macchina.PezziProd / @macchina.NumPezzi</div>
                     </div>
                 </div>
                 <div class="@cssComStatus(macchina.Semaforo, macchina.LastUpdate) p-1">
@@ -83,7 +85,7 @@
         int currNum = (currIdx % maxCol);
         while (currNum < (maxCol))
         {
-            @((MarkupString)"<div class=\"col px-0\">&nbsp;</div>")
+            @((MarkupString)"<div class=\"col px-1\">&nbsp;</div>")
             ;
             currNum++;
 

MP.Mon/wwwroot/css/site.css

@@ -149,7 +149,7 @@ a,
   font-size: 0.6em;
 }
 .statusMap {
-  background: #222;
+  background: rgba(255, 255, 255, 0.1);
 }
 .statusMap .ui-title,
 .statusMap .ui-li-aside {

MP.Mon/wwwroot/css/site.less

@@ -154,7 +154,7 @@ a, .btn-link {
 }
 
 .statusMap {
-    background: #222;
+    background: rgba(255,255,255,0.1);
 }
 
 .statusMap .ui-title, .statusMap .ui-li-aside {