From 5e0651f7a63199d31095855bdd3266552bad792e Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Mon, 21 Sep 2026 17:05:48 +0530
Subject: [PATCH] Expand dashboard view to 100% full-width layout without
 container constraints

---
 .../views/garment_dashboard_views.xml         | 53 +++++++++++++++++--
 1 file changed, 50 insertions(+), 3 deletions(-)

diff --git a/addons/garment_erp/views/garment_dashboard_views.xml b/addons/garment_erp/views/garment_dashboard_views.xml
index a2446b2..e628493 100644
--- a/addons/garment_erp/views/garment_dashboard_views.xml
+++ b/addons/garment_erp/views/garment_dashboard_views.xml
@@ -6,14 +6,53 @@
         <field name="name">garment.dashboard.form</field>
         <field name="model">garment.dashboard</field>
         <field name="arch" type="xml">
-            <form string="Tiruppur Factory Control Room" create="false" edit="false" delete="false">
+            <form string="Tiruppur Factory Control Room" class="o_garment_dashboard_view" create="false" edit="false" delete="false">
                 <sheet class="p-0 border-0 shadow-none bg-transparent">
 
                     <!-- Embedded Scoped Styling for Premium Industrial UI -->
                     <style>
+                        /* Full Width Layout Overrides */
+                        .o_garment_dashboard_view {
+                            background-color: #f8fafc !important;
+                            min-height: 100vh;
+                            width: 100% !important;
+                        }
+                        .o_garment_dashboard_view .o_form_sheet_bg {
+                            background: transparent !important;
+                            padding: 0 !important;
+                            max-width: 100% !important;
+                            width: 100% !important;
+                        }
+                        .o_garment_dashboard_view .o_form_sheet_bg > .o_form_sheet {
+                            max-width: 100% !important;
+                            width: 100% !important;
+                            padding: 20px 32px 40px 32px !important;
+                            margin: 0 !important;
+                            background: transparent !important;
+                            border: none !important;
+                            box-shadow: none !important;
+                        }
+                        .o_garment_dashboard_view .o_form_statusbar {
+                            display: none !important;
+                        }
+                        .o_form_sheet_bg:has(.o_dashboard_container) {
+                            max-width: 100% !important;
+                            width: 100% !important;
+                            padding: 0 !important;
+                        }
+                        .o_form_sheet_bg:has(.o_dashboard_container) > .o_form_sheet {
+                            max-width: 100% !important;
+                            width: 100% !important;
+                            padding: 20px 32px 40px 32px !important;
+                            margin: 0 !important;
+                            background: transparent !important;
+                        }
+
                         .o_dashboard_container {
                             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                             color: #1e293b;
+                            width: 100% !important;
+                            max-width: 100% !important;
                         }
                         @keyframes pulseLive {
                             0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
@@ -110,14 +149,22 @@
                             background: #f1f5f9;
                             border: 1px solid #e2e8f0;
                             border-radius: 8px;
-                            padding: 8px 12px;
-                            font-size: 12.5px;
+                            padding: 8px 14px;
+                            font-size: 13px;
                             font-weight: 600;
                             color: #334155;
                             display: flex;
                             align-items: center;
+                            justify-content: center;
                             gap: 6px;
                             white-space: nowrap;
+                            flex: 1 1 auto;
+                            transition: all 0.2s ease-in-out;
+                        }
+                        .pipeline-pill:hover {
+                            background: #e2e8f0;
+                            border-color: #cbd5e1;
+                            transform: translateY(-1px);
                         }
                         .pipeline-arrow {
                             color: #94a3b8;