From a7248e9dce818cfb338bd61c7fd4a29251cc3e11 Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Tue, 31 Mar 2026 16:42:23 +0100
Subject: [PATCH] Ensure edit dialog fills the tray

---
 .../editor-client/src/js/ui/editor.js          | 18 +++++++++---------
 .../@node-red/editor-client/src/js/ui/tray.js  |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/editor.js b/packages/node_modules/@node-red/editor-client/src/js/ui/editor.js
index 68883d4de..08d1b920e 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/editor.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/editor.js
@@ -1205,8 +1205,8 @@ RED.editor = (function() {
             ],
             resize: function(dimensions) {
                 editTrayWidthCache[type] = dimensions.width;
-                $(".red-ui-tray-content").height(dimensions.height - 50);
-                var form = $(".red-ui-tray-content form").height(dimensions.height - 50 - 40);
+                $(".red-ui-tray-content").height(dimensions.height - 35);
+                var form = $(".red-ui-tray-content form").height(dimensions.height - 35 - 40);
                 var size = {width:form.width(),height:form.height()};
                 activeEditPanes.forEach(function(pane) {
                     if (pane.resize) {
@@ -1364,7 +1364,7 @@ RED.editor = (function() {
         var trayOptions = {
             title: getEditStackTitle(), //(adding?RED._("editor.addNewConfig", {type:type}):RED._("editor.editConfig", {type:type})),
             resize: function(dimensions) {
-                $(".red-ui-tray-content").height(dimensions.height - 50);
+                $(".red-ui-tray-content").height(dimensions.height - 35);
                 var form = $("#node-config-dialog-edit-form");
                 var size = {width:form.width(),height:form.height()};
                 activeEditPanes.forEach(function(pane) {
@@ -1934,9 +1934,9 @@ RED.editor = (function() {
                 }
             ],
             resize: function (dimensions) {
-                $(".red-ui-tray-content").height(dimensions.height - 50);
+                $(".red-ui-tray-content").height(dimensions.height - 35);
 
-                const form = $(".red-ui-tray-content form").height(dimensions.height - 50 - 40);
+                const form = $(".red-ui-tray-content form").height(dimensions.height - 35 - 40);
                 const size = { width: form.width(), height: form.height() };
                 activeEditPanes.forEach(function (pane) {
                     if (pane.resize) {
@@ -2056,8 +2056,8 @@ RED.editor = (function() {
             ],
             resize: function(dimensions) {
                 editTrayWidthCache['group'] = dimensions.width;
-                $(".red-ui-tray-content").height(dimensions.height - 50);
-                var form = $(".red-ui-tray-content form").height(dimensions.height - 50 - 40);
+                $(".red-ui-tray-content").height(dimensions.height - 35);
+                var form = $(".red-ui-tray-content form").height(dimensions.height - 35 - 40);
                 var size = {width:form.width(),height:form.height()};
                 activeEditPanes.forEach(function(pane) {
                     if (pane.resize) {
@@ -2194,8 +2194,8 @@ RED.editor = (function() {
                 }
             ],
             resize: function(dimensions) {
-                $(".red-ui-tray-content").height(dimensions.height - 50);
-                var form = $(".red-ui-tray-content form").height(dimensions.height - 50 - 40);
+                $(".red-ui-tray-content").height(dimensions.height - 35);
+                var form = $(".red-ui-tray-content form").height(dimensions.height - 35 - 40);
                 var size = {width:form.width(),height:form.height()};
                 activeEditPanes.forEach(function(pane) {
                     if (pane.resize) {
diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/tray.js b/packages/node_modules/@node-red/editor-client/src/js/ui/tray.js
index 7f2baa6d5..51f875064 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/tray.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/tray.js
@@ -194,7 +194,7 @@
 
     function handleWindowResize() {
         let sidebarWidth = $("#red-ui-sidebar").is(":visible") ? $("#red-ui-sidebar").outerWidth() : 0;
-        $("#red-ui-editor-stack").css('right', sidebarWidth + 4);
+        $("#red-ui-editor-stack").css('right', sidebarWidth + 9);
         if (stack.length > 0) {
             var tray = stack[stack.length-1];
             if (tray.options.maximized || tray.width > $("#red-ui-editor-stack").position().left-8) {