From e819e235a2de7467a39d27b7255c1d8175c77666 Mon Sep 17 00:00:00 2001 From: fs Date: Sun, 5 Apr 2026 20:17:15 +0200 Subject: [PATCH] fix(helpdesk): add vertical dividers between performance stat columns Subtle border-left separates the three insight areas for better readability. On mobile, switches to border-top between stacked items. Co-Authored-By: Claude Opus 4.6 (1M context) --- modules/helpdesk/web/css/helpdesk.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/modules/helpdesk/web/css/helpdesk.css b/modules/helpdesk/web/css/helpdesk.css index 6237e8b..456dd9e 100644 --- a/modules/helpdesk/web/css/helpdesk.css +++ b/modules/helpdesk/web/css/helpdesk.css @@ -312,10 +312,22 @@ padding: calc(var(--app-spacing) * 0.65) calc(var(--app-spacing) * 0.75); } + .helpdesk-team-perf-grid > :nth-child(n+2) { + border-left: 1px solid var(--app-muted-border-color); + padding-left: calc(var(--app-spacing) * 0.75); + } + @media (max-width: 760px) { .helpdesk-team-perf-grid { grid-template-columns: minmax(0, 1fr); } + + .helpdesk-team-perf-grid > :nth-child(n+2) { + border-left: none; + padding-left: 0; + border-top: 1px solid var(--app-muted-border-color); + padding-top: calc(var(--app-spacing) * 0.5); + } } .helpdesk-team-perf-stat-label {