From abf64c4ed362f856edb1052fcbdb6060c32a720a Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Tue, 2 Dec 2025 18:02:28 +0000
Subject: [PATCH] fix: Constrain Docker drawer width to force card wrapping

The previous fix (2078421d) added overflow-hidden but didn't address
the root cause: the drawer div inside overflow-x-auto context had no
width constraint, so flex-wrap saw infinite space and didn't wrap.

Adding w-0 min-w-full forces the div to take exactly 100% of parent
width, which properly constrains flex-wrap to wrap cards within the
visible viewport.

Related to #789
---
 frontend-modern/src/components/Docker/DockerUnifiedTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend-modern/src/components/Docker/DockerUnifiedTable.tsx b/frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
index 4d53e6cf0..7a5137003 100644
--- a/frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
+++ b/frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
@@ -1292,7 +1292,7 @@ const DockerContainerRow: Component<{
       <Show when={expanded() && hasDrawerContent()}>
         <tr>
           <td colspan={DOCKER_COLUMNS.length} class="p-0">
-            <div class="bg-gray-50 dark:bg-gray-900/50 px-4 py-3 overflow-hidden">
+            <div class="w-0 min-w-full bg-gray-50 dark:bg-gray-900/50 px-4 py-3 overflow-hidden">
               <div class="flex flex-wrap justify-start gap-3">
                 <div class="min-w-[220px] flex-1 rounded border border-gray-200 bg-white/70 p-2 shadow-sm dark:border-gray-600/70 dark:bg-gray-900/30">
                   <div class="text-[11px] font-medium uppercase tracking-wide text-gray-700 dark:text-gray-200">
@@ -1997,7 +1997,7 @@ const DockerServiceRow: Component<{
       <Show when={expanded() && hasTasks()}>
         <tr>
           <td colspan={DOCKER_COLUMNS.length} class="p-0">
-            <div class="bg-gray-50 dark:bg-gray-900/60 px-4 py-3 overflow-hidden">
+            <div class="w-0 min-w-full bg-gray-50 dark:bg-gray-900/60 px-4 py-3 overflow-hidden">
               <div class="flex flex-wrap justify-start gap-3">
                 <div class="min-w-[320px] flex-1 rounded border border-gray-200 bg-white/70 p-3 shadow-sm dark:border-gray-600/70 dark:bg-gray-900/30">
                   <div class="flex items-center justify-between text-[11px] font-medium uppercase tracking-wide text-gray-700 dark:text-gray-200">