From b63e355bd2d317967009d52fabe80c683c11ac2a Mon Sep 17 00:00:00 2001
From: Samuele Locatelli <samuele@steamware.net>
Date: Fri, 20 Oct 2023 18:54:51 +0200
Subject: [PATCH] fix display workShift card

---
 MP-TAB-SERV/Pages/WorkShift.razor | 109 ++++++++++++++++--------------
 1 file changed, 57 insertions(+), 52 deletions(-)

diff --git a/MP-TAB-SERV/Pages/WorkShift.razor b/MP-TAB-SERV/Pages/WorkShift.razor
index 86a87cc4..218c51da 100644
--- a/MP-TAB-SERV/Pages/WorkShift.razor
+++ b/MP-TAB-SERV/Pages/WorkShift.razor
@@ -6,62 +6,67 @@
 }
 else
 {
-    <div>
-        <MachineBlock RecMSE="CurrMSE" FullMode="false"></MachineBlock>
-    </div>
-    <div class="row my-2">
-        <div class="col-12 col-md-6 my-2">
-            <div class="d-flex justify-content-around">
-                <div class="form-check form-switch fs-2">
-                    <input class="form-check-input" type="checkbox" @bind="@T1">
-                    <label class="form-check-label" >Turno 1</label>
-                </div>
-            </div>
-            <div class="d-flex justify-content-around">
-                <div class="form-check form-switch fs-2">
-                    <input class="form-check-input" type="checkbox" @bind="@T2">
-                    <label class="form-check-label" >Turno 2</label>
-                </div>
-            </div>
-            <div class="d-flex justify-content-around">
-                <div class="form-check form-switch fs-2">
-                    <input class="form-check-input" type="checkbox" @bind="@T3">
-                    <label class="form-check-label" >Turno 3</label>
-                </div>
-            </div>
+    <MachineBlock RecMSE="CurrMSE" FullMode="false"></MachineBlock>
+    <div class="card">
+        <div class="card-header bg-dark text-light">
+            <h2>Gestione Turni</h2>
         </div>
-        <div class="col-12 col-md-6 my-2 text-center">
-            <div class="row">
-                <div class="col-2"></div>
-                    <div class="col-8">
-                <h2><b>Stato Turni Attivi</b></h2>
-                </div>
-                <div class="col-2"></div>
-                <div class="col-2"></div>
-                <div class="col-8 fs-5 @cssByState(T1)">
-                    Turno 1
-                </div>
-                <div class="col-2"></div>
-                <div class="col-2"></div>
-                <div class="col-8 fs-5 @cssByState(T2)">
-                    Turno 2
-                </div>
-                <div class="col-2"></div>
-                <div class="col-2"></div>
-                <div class="col-8 fs-5 @cssByState(T3)">
-                    Turno 3
-                </div>
-                <div class="col-2"></div>
-            </div>
+        <div class="card-body bg-dark text-light p-1">
             <div class="row my-2">
-                <div class="col-2"></div>
-                <div class="col-4 bg-success text-warning px-2">
-                    Turno Aperto
+                <div class="col-12 col-md-6 my-2">
+                    <div class="d-flex justify-content-around">
+                        <div class="form-check form-switch fs-2">
+                            <input class="form-check-input" type="checkbox" @bind="@T1">
+                            <label class="form-check-label">Turno 1</label>
+                        </div>
+                    </div>
+                    <div class="d-flex justify-content-around">
+                        <div class="form-check form-switch fs-2">
+                            <input class="form-check-input" type="checkbox" @bind="@T2">
+                            <label class="form-check-label">Turno 2</label>
+                        </div>
+                    </div>
+                    <div class="d-flex justify-content-around">
+                        <div class="form-check form-switch fs-2">
+                            <input class="form-check-input" type="checkbox" @bind="@T3">
+                            <label class="form-check-label">Turno 3</label>
+                        </div>
+                    </div>
                 </div>
-                <div class="col-4 bg-secondary px-2">
-                    Turno Chiuso
+                <div class="col-12 col-md-6 my-2 text-center">
+                    <div class="row">
+                        <div class="col-2"></div>
+                        <div class="col-8">
+                            <h2><b>Stato Turni Attivi</b></h2>
+                        </div>
+                        <div class="col-2"></div>
+                        <div class="col-2"></div>
+                        <div class="col-8 fs-5 @cssByState(T1)">
+                            Turno 1
+                        </div>
+                        <div class="col-2"></div>
+                        <div class="col-2"></div>
+                        <div class="col-8 fs-5 @cssByState(T2)">
+                            Turno 2
+                        </div>
+                        <div class="col-2"></div>
+                        <div class="col-2"></div>
+                        <div class="col-8 fs-5 @cssByState(T3)">
+                            Turno 3
+                        </div>
+                        <div class="col-2"></div>
+                    </div>
+                    <div class="row my-2">
+                        <div class="col-2"></div>
+                        <div class="col-4 bg-success text-warning px-2">
+                            Turno Aperto
+                        </div>
+                        <div class="col-4 bg-secondary px-2">
+                            Turno Chiuso
+                        </div>
+                        <div class="col-2"></div>
+                    </div>
                 </div>
-                <div class="col-2"></div>
             </div>
         </div>
     </div>