From ea8198f8a8e63a3d327bce9f1f8094171839fc3f Mon Sep 17 00:00:00 2001
From: natib21 <yaschalew10@gmail.com>
Date: Tue, 30 Jun 2026 14:13:58 +0000
Subject: [PATCH] style: reduce horizontal padding on fleet dashboards

Add px="lg" (24px) to all Container components:
- FleetDashboard
- FuelPurchasePage
- FuelStatsPage
- MaintenancePage
- FinancialReportsPage
- TrackingPage

Reduces left/right padding from default to 24px,
making better use of horizontal screen space.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 .../backoffice/src/pages/fleet/FinancialReportsPage.tsx         | 2 +-
 .../backoffice/src/pages/fleet/FleetDashboard.tsx               | 2 +-
 .../backoffice/src/pages/fleet/FuelPurchasePage.tsx             | 2 +-
 .../backoffice/src/pages/fleet/FuelStatsPage.tsx                | 2 +-
 .../backoffice/src/pages/fleet/MaintenancePage.tsx              | 2 +-
 .../edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/FinancialReportsPage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/FinancialReportsPage.tsx
index 312d38676..73a7456af 100644
--- a/apps/edr-freight-web/backoffice/src/pages/fleet/FinancialReportsPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/FinancialReportsPage.tsx
@@ -91,7 +91,7 @@ export function FinancialReportsPage() {
   );
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Stack gap="md">
       <Card>
         <Card.Section p="md" withBorder>
diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/FleetDashboard.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/FleetDashboard.tsx
index 12c5725ed..a311a16eb 100644
--- a/apps/edr-freight-web/backoffice/src/pages/fleet/FleetDashboard.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/FleetDashboard.tsx
@@ -131,7 +131,7 @@ export function FleetDashboard() {
   const fuelPercent = operatingCost > 0 ? Math.round((metrics.totalFuelSpend / operatingCost) * 100) : 0;
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Breadcrumbs items={[{ label: 'Fleet' }, { label: 'Dashboard' }]} />
 
       <Box mb="xl">
diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/FuelPurchasePage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/FuelPurchasePage.tsx
index 21974fc37..be9a60567 100644
--- a/apps/edr-freight-web/backoffice/src/pages/fleet/FuelPurchasePage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/FuelPurchasePage.tsx
@@ -119,7 +119,7 @@ export default function FuelPurchasePage() {
   const totalCost = formData.liters * formData.costPerLiter;
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Breadcrumbs items={[{ label: "Fleet" }, { label: "Fuel Management" }, { label: "Record Purchase" }]} />
 
       <Group justify="space-between" mb="lg">
diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/FuelStatsPage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/FuelStatsPage.tsx
index f5efe8cdd..04c872966 100644
--- a/apps/edr-freight-web/backoffice/src/pages/fleet/FuelStatsPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/FuelStatsPage.tsx
@@ -57,7 +57,7 @@ export default function FuelStatsPage() {
     : "—";
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Breadcrumbs items={[{ label: "Fleet" }, { label: "Fuel Management" }, { label: "Statistics" }]} />
 
       <Group justify="space-between" mb="lg">
diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/MaintenancePage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/MaintenancePage.tsx
index 455290647..b2bd155d3 100644
--- a/apps/edr-freight-web/backoffice/src/pages/fleet/MaintenancePage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/MaintenancePage.tsx
@@ -87,7 +87,7 @@ export function MaintenancePage() {
   };
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Stack gap="md">
       <Card>
         <Card.Section p="md" withBorder>
diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx
index 3d0c1e96a..e8fff9e0e 100644
--- a/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx
@@ -72,7 +72,7 @@ export function TrackingPage() {
   });
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Breadcrumbs items={[{ label: 'Fleet' }, { label: 'Vehicle Tracking' }]} />
 
       <Stack gap="xl">