From 07b9b9130a90778740ff3ea70546b1959c283f18 Mon Sep 17 00:00:00 2001
From: consultoria-as <ialcarazsalazar@consultoria-as.com>
Date: Mon, 18 May 2026 07:15:34 +0000
Subject: [PATCH] fix(css): add sidebar offset (260px) to all main content
 areas

The sidebar injected by sidebar.js is position:fixed with width:260px,
but most pages lacked margin-left on their main content, causing text
to be hidden behind the sidebar.

Affected pages:
- accounting, config, inventory, invoicing (.main)
- catalog, customers, diagrams, reports (.main-content)

Already fixed: dashboard, quotations
Not affected: fleet, whatsapp (use pos-main-offset), pos (no sidebar)
---
 pos/static/css/accounting.css | 1 +
 pos/static/css/catalog.css    | 2 +-
 pos/static/css/config.css     | 1 +
 pos/static/css/customers.css  | 1 +
 pos/static/css/diagrams.css   | 1 +
 pos/static/css/inventory.css  | 1 +
 pos/static/css/invoicing.css  | 1 +
 pos/static/css/reports.css    | 1 +
 8 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/pos/static/css/accounting.css b/pos/static/css/accounting.css
index 3dd521a..b7b9f13 100644
--- a/pos/static/css/accounting.css
+++ b/pos/static/css/accounting.css
@@ -326,6 +326,7 @@
       flex-direction: column;
       overflow: hidden;
       min-width: 0;
+      margin-left: 260px;
     }
 
     .page-header {
diff --git a/pos/static/css/catalog.css b/pos/static/css/catalog.css
index 0abd791..457665e 100644
--- a/pos/static/css/catalog.css
+++ b/pos/static/css/catalog.css
@@ -76,7 +76,7 @@
        MAIN CONTENT
        ========================================================================= */
 
-    .main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-width: 0; }
+    .main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-width: 0; margin-left: 260px; }
 
     /* Header with breadcrumb + search */
     .content-header {
diff --git a/pos/static/css/config.css b/pos/static/css/config.css
index 539a8a4..8e83fa4 100644
--- a/pos/static/css/config.css
+++ b/pos/static/css/config.css
@@ -326,6 +326,7 @@
       flex-direction: column;
       overflow: hidden;
       min-width: 0;
+      margin-left: 260px;
     }
 
     .page-header {
diff --git a/pos/static/css/customers.css b/pos/static/css/customers.css
index 8495a30..a5a2ff2 100644
--- a/pos/static/css/customers.css
+++ b/pos/static/css/customers.css
@@ -340,6 +340,7 @@
       flex-direction: column;
       overflow: hidden;
       min-width: 0;
+      margin-left: 260px;
     }
 
     /* Page header */
diff --git a/pos/static/css/diagrams.css b/pos/static/css/diagrams.css
index 9df11e0..5327e94 100644
--- a/pos/static/css/diagrams.css
+++ b/pos/static/css/diagrams.css
@@ -76,6 +76,7 @@
     .main-content {
       flex: 1; display: flex; flex-direction: column; overflow: hidden;
       min-width: 0;
+      margin-left: 260px;
     }
 
     .page-header {
diff --git a/pos/static/css/inventory.css b/pos/static/css/inventory.css
index c15920c..f36c4ed 100644
--- a/pos/static/css/inventory.css
+++ b/pos/static/css/inventory.css
@@ -332,6 +332,7 @@
       flex-direction: column;
       overflow: hidden;
       min-width: 0;
+      margin-left: 260px;
     }
 
     /* ---- Page Header ---- */
diff --git a/pos/static/css/invoicing.css b/pos/static/css/invoicing.css
index a93e282..aa1ba7b 100644
--- a/pos/static/css/invoicing.css
+++ b/pos/static/css/invoicing.css
@@ -332,6 +332,7 @@
       flex-direction: column;
       overflow: hidden;
       min-width: 0;
+      margin-left: 260px;
     }
 
     /* ---- Page Header ---- */
diff --git a/pos/static/css/reports.css b/pos/static/css/reports.css
index b869e1f..4b7ff27 100644
--- a/pos/static/css/reports.css
+++ b/pos/static/css/reports.css
@@ -340,6 +340,7 @@
       flex-direction: column;
       overflow: hidden;
       min-width: 0;
+      margin-left: 260px;
     }
 
     /* Header */