From bc0e4e64a84d9e05b088739eabd7374f3e02cac4 Mon Sep 17 00:00:00 2001
From: fs <fs@breadcrumb-solutions.de>
Date: Sun, 5 Apr 2026 19:52:52 +0200
Subject: [PATCH] fix(helpdesk): wrap team ticket tables in scroll container
 for responsive

Table keeps its fixed column widths and becomes horizontally scrollable
on narrow viewports instead of breaking the layout.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 modules/helpdesk/web/css/helpdesk.css    | 5 +++++
 modules/helpdesk/web/js/helpdesk-team.js | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/modules/helpdesk/web/css/helpdesk.css b/modules/helpdesk/web/css/helpdesk.css
index dc841dc..9727a30 100644
--- a/modules/helpdesk/web/css/helpdesk.css
+++ b/modules/helpdesk/web/css/helpdesk.css
@@ -145,6 +145,11 @@
     display: none;
   }
 
+  .helpdesk-team-table-scroll {
+    overflow-x: auto;
+  }
+
+  .helpdesk-team-widget > .helpdesk-team-table-scroll > .helpdesk-team-ticket-table,
   .helpdesk-team-widget > .helpdesk-team-ticket-table {
     border: none;
     border-radius: 0;
diff --git a/modules/helpdesk/web/js/helpdesk-team.js b/modules/helpdesk/web/js/helpdesk-team.js
index 141f635..efbf839 100644
--- a/modules/helpdesk/web/js/helpdesk-team.js
+++ b/modules/helpdesk/web/js/helpdesk-team.js
@@ -152,7 +152,9 @@ if (container) {
       const tbody = h('tbody');
       for (const t of tickets) tbody.appendChild(buildTicketRow(t));
       table.appendChild(tbody);
-      section.appendChild(table);
+      const scrollWrap = h('div', 'helpdesk-team-table-scroll');
+      scrollWrap.appendChild(table);
+      section.appendChild(scrollWrap);
     }
 
     return section;