From 360725c93f31508ce0e9b88d70a5ac2a4667ccd2 Mon Sep 17 00:00:00 2001
From: bonamin <just_big_v@yahoo.com>
Date: Sat, 14 Mar 2026 11:17:58 +0200
Subject: [PATCH] fix: row-alt background now works on customers list too

---
 frontend/src/crm/customers/CustomerList.jsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/crm/customers/CustomerList.jsx b/frontend/src/crm/customers/CustomerList.jsx
index 95d690f..6dd3796 100644
--- a/frontend/src/crm/customers/CustomerList.jsx
+++ b/frontend/src/crm/customers/CustomerList.jsx
@@ -840,13 +840,14 @@ export default function CustomerList() {
                   const gradient = rowGradient(c, direction);
                   const rowBg = hoveredRow === c.id ? "var(--bg-card-hover)" : undefined;
                   const zebraBase = index % 2 === 1 ? "var(--bg-row-alt)" : "transparent";
+                  const rowBackground = gradient
+                    ? `${gradient}, ${zebraBase}`
+                    : zebraBase;
                   const rowStyle = {
                     borderBottom: (!isLast && !(notesMode === "expanded" && hasStatus))
                       ? "1px solid var(--border-secondary)"
                       : "none",
-                    background: rowBg
-                      ? rowBg
-                      : gradient || zebraBase,
+                    background: rowBg ? rowBg : rowBackground,
                   };
 
                   const mainRow = (
@@ -892,7 +893,7 @@ export default function CustomerList() {
                           onClick={() => navigate(`/crm/customers/${c.id}`)}
                           style={{
                             borderBottom: "none",
-                            background: subRowBg || gradient || "transparent",
+                            background: subRowBg ? subRowBg : rowBackground,
                           }}
                           onMouseEnter={() => setHoveredRow(c.id)}
                           onMouseLeave={() => setHoveredRow(null)}
@@ -932,7 +933,7 @@ export default function CustomerList() {
                           onClick={() => navigate(`/crm/customers/${c.id}`)}
                           style={{
                             borderBottom: "none",
-                            background: subRowBg || gradient || "transparent",
+                            background: subRowBg ? subRowBg : rowBackground,
                           }}
                           onMouseEnter={() => setHoveredRow(c.id)}
                           onMouseLeave={() => setHoveredRow(null)}