From 77624ad2b637c7f4e11abbc04eabb400a14e7347 Mon Sep 17 00:00:00 2001
From: comfydesigner <alextov@comfy.org>
Date: Tue, 7 Jul 2026 15:05:11 -0700
Subject: [PATCH] fix(ui): table scroll wrapper takes layout class; align
 auto-enable toggle

The Table component applied its class to the inner <table> instead of the scroll
wrapper, so the Partner Nodes scroll container was unconstrained and the sticky
header gap/height shifted on scroll. Apply the class to the wrapper and set
border-spacing:0 on the table so the sticky header sits flush. Pad the
auto-enable footer so its toggle lines up with the in-table row toggles.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/ui/table/Table.vue                           | 6 ++++--
 .../dialogs/settings/PartnerNodesPanelContent.vue           | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/ui/table/Table.vue b/src/components/ui/table/Table.vue
index 8e6b32fe85..2ac41ff465 100644
--- a/src/components/ui/table/Table.vue
+++ b/src/components/ui/table/Table.vue
@@ -1,6 +1,8 @@
 <template>
-  <div class="relative w-full overflow-auto">
-    <table :class="cn('w-full caption-bottom text-sm', className)">
+  <div :class="cn('relative w-full overflow-auto', className)">
+    <table
+      class="w-full caption-bottom border-separate border-spacing-0 text-sm"
+    >
       <slot />
     </table>
   </div>
diff --git a/src/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.vue b/src/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.vue
index 7ad8e08a7a..21e9d20d70 100644
--- a/src/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.vue
+++ b/src/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.vue
@@ -134,9 +134,11 @@
       </Table>
     </div>
 
-    <!-- Auto-enable default: outside the card, pinned to the panel bottom -->
+    <!-- Auto-enable default: outside the card, pinned to the panel bottom. The
+    right padding lines the toggle up with the in-table row toggles (table px-4
+    + cell px-2), per the Figma. -->
     <div
-      class="flex items-center justify-end gap-2 pt-4 text-sm text-muted-foreground"
+      class="flex items-center justify-end gap-2 pt-4 pr-6 text-sm text-muted-foreground"
     >
       <span>{{ $t('workspacePanel.partnerNodes.autoEnableLabel') }}</span>
       <span class="text-base-foreground">