From d945d18e26e398db0c3fe71bb5a0e47aaa99fa28 Mon Sep 17 00:00:00 2001
From: "zaccaria.majid" <zaccaria.majid@egalware.com>
Date: Fri, 29 Sep 2023 09:03:08 +0200
Subject: [PATCH] fix grafici pagina layout + fix bottone menu

---
 MP-TAB/MP-TAB/Components/Layout/MainLayout.razor    | 10 +++-------
 .../MP-TAB/Components/Layout/MainLayout.razor.css   | 13 +++++++++++++
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
index e7b4260c..8889bbd8 100644
--- a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
+++ b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
@@ -16,22 +16,18 @@
             <div>
                 @* <div class="row w-100 slideMen"> *@
                 <div class="row w-100 slideMen">
-                    <div class="col-4">
+                    <div class="">
                         <MP_TAB.Client.Components.SlideMenu MenuItems="@CurrMenuItems"></MP_TAB.Client.Components.SlideMenu>
                     </div>
-                    <div class="col-4">
-                    </div>
-                    <div class="col-4">
-                    </div>
                 </div>
             </div>
         </div>
 
         <article class="content px-4 d-flex">
-            <div class="col-10">
+            <div class="" id="mainBody">
                 @Body
             </div>
-            <div class="sidebar col-2">
+            <div class="sidebar" id="barLat">
                 <NavMenu MenuItems="@CurrMenuItems" />
             </div>
         </article>
diff --git a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
index 130addbf..6f832ab3 100644
--- a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
+++ b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
@@ -36,16 +36,29 @@ main {
             overflow: hidden;
             text-overflow: ellipsis;
         }
+
 @media (min-width: 640.98px) {
     .slideMen:not(.auth) {
         display: none;
     }
+
+    #mainBody {
+        width: 83%;
+    }
 }
+
+
+
+
 @media (max-width: 640.98px) {
     .top-row:not(.auth) {
         display: none;
     }
 
+    #mainBody {
+        width: 100%;
+    }
+
     .top-row.auth {
         justify-content: space-between;
     }