dashboard order and request file changes

resources/views/admin/dashboard.blade.php

@@ -1160,6 +1160,101 @@ body, .container-fluid {
     break-inside: avoid;
   }
 }
+/* =====================================================
+   GLOBAL EDGE-TO-EDGE + ZOOM SAFE PATCH (CSS ONLY)
+   ===================================================== */
+
+/* 1️⃣ Kill boxed layouts on desktop & zoom */
+html, body {
+  width: 100%;
+  max-width: 100%;
+  overflow-x: clip;
+}
+
+/* 2️⃣ Force container-fluid to truly span full width */
+.container-fluid {
+  width: 100% !important;
+  max-width: 100% !important;
+  margin: 0 !important;
+  padding-left: clamp(12px, 1.8vw, 28px) !important;
+  padding-right: clamp(12px, 1.8vw, 28px) !important;
+}
+
+/* 3️⃣ Zoom-safe scaling (VERY IMPORTANT) */
+body {
+  font-size: clamp(14px, 0.95vw, 16px);
+}
+
+/* =====================================================
+   DASHBOARD CARD & GRID FIXES (NO HTML CHANGE)
+   ===================================================== */
+
+/* 4️⃣ Make stat grids auto-adjust on zoom */
+.stats-row,
+.shipment-totals-row {
+  display: grid !important;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
+  gap: clamp(12px, 1.5vw, 20px) !important;
+}
+
+/* 5️⃣ Prevent hover zoom breaking layout */
+.stats-card:hover,
+.card:hover,
+.table tbody tr:hover {
+  transform: translateY(-4px) !important;
+}
+
+/* =====================================================
+   TABLE ZOOM FIX (NO MORE CRUSHING / OVERFLOW)
+   ===================================================== */
+
+/* 6️⃣ Tables behave like shipment page */
+.table-responsive {
+  width: 100%;
+  overflow-x: auto;
+}
+
+/* 7️⃣ Remove hard min-widths that break zoom */
+.table,
+.custom-table-modal,
+.shipment-details-table {
+  width: 100% !important;
+  min-width: max-content !important;
+}
+
+/* 8️⃣ Let text wrap naturally when zoomed */
+.table td,
+.table th {
+  white-space: nowrap;
+}
+
+/* =====================================================
+   MODALS – EDGE TO EDGE WITHOUT TOUCHING MARKUP
+   ===================================================== */
+
+.modal-xl {
+  max-width: 96vw !important;
+  width: 96vw !important;
+  margin: 1vh auto !important;
+}
+
+@media (max-width: 768px) {
+  .modal-xl {
+    max-width: 100vw !important;
+    width: 100vw !important;
+    margin: 0 !important;
+    height: 100vh !important;
+  }
+}
+
+/* =====================================================
+   FINAL SAFETY – PREVENT LAYOUT SHRINK ON ZOOM
+   ===================================================== */
+
+* {
+  box-sizing: border-box;
+}
+
 </style>
 
 <div class="container-fluid py-3">

resources/views/admin/requests.blade.php

@@ -333,7 +333,11 @@ a.btn.btn-primary.position-relative .badge {
     box-shadow: 0 0 0 2px #ffffff;
     
 }
-
+.custom-table th,
+.custom-table td {
+    text-align: center;
+    vertical-align: middle;
+}
         
     </style>