* Changed css to make grid more responsive

OrdersManagement/wwwroot/material.css

@@ -63381,4 +63381,42 @@ span.e-table-box.e-rbox-select {
     .row.gx-1 {
         --bs-gutter-x: 5px;
     }
-}
+}
+
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.page.h-100 {
+    height: 100vh;
+    overflow: hidden;
+}
+
+.custom-menu, .custom-menu-width {
+    width: 300px;
+}
+
+@media (max-width: 767px) {
+    .custom-menu, .custom-menu-width {
+        width: 100%;
+    }
+    .row.gx-1 {
+        flex-direction: column;
+    }
+    .bb-top-row {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+    .bb-top-row > div, .bb-top-row > a {
+        margin-bottom: 10px;
+    }
+    .e-grid {
+        width: 100vw !important;
+        margin: 0 !important;
+    }
+    .e-grid .e-content {
+        height: calc(100vh - 150px) !important;
+    }
+}