* Changed css to make grid more responsive

OrdersManagement/Components/Layout/MainLayout.razor

@@ -4,9 +4,8 @@
 @inject NavigationManager NavigationManager
 @inherits LayoutComponentBase
 
-<div class="page">
-
-	<main class="container-fluid">
+<div class="page h-100">
+	<main class="container-fluid d-flex flex-column h-100">
 		<div class="bb-top-row px-4 d-flex justify-content-between align-items-center mb-3">
 			<div class="d-flex align-items-center">
 				<img src="logo.svg" class="me-2" width="35" height="35" alt="Icon">
@@ -14,7 +13,7 @@
 			</div>
 			<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
 		</div>
-		<div class="row gx-1">
+		<div class="row gx-1 flex-grow-1">
 			<div class="col-auto custom-menu-width mb-3">
 				<SfMenu HamburgerMode="true" Title="FA Krosno Manager" Items="@MenuItems"
 				        Orientation="Orientation.Vertical" CssClass="custom-menu">
@@ -22,14 +21,14 @@
 					<MenuFieldSettings Text="Text" Children="Children"></MenuFieldSettings>
 				</SfMenu>
 			</div>
-			<article class="content col">
-				<div class="py-2">@Body</div>
+			<article class="content col d-flex flex-column">
+				<div class="py-2 flex-grow-1">@Body</div>
 			</article>
 		</div>
 	</main>
-
 </div>
 
+
 @code {
 	private List<MenuItem> MenuItems { get; set; } = new();