From 132bb10ecb2af748cc7bf9b44b3d0502ba0eb49c Mon Sep 17 00:00:00 2001
From: Dariusz L <dl122@wp.pl>
Date: Sun, 10 May 2026 05:37:06 +0200
Subject: [PATCH] fix(options UI): align dialog elements to top in
 LinkerManagerDialog

Add align-content: start and align-items: start CSS properties to
.options-content, .options-header, .options-section, .options-stack,
.options-panel, and .options-body to ensure all child elements are
top-aligned instead of being centered or stretched by default grid
layout behavior.
---
 web/linker.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web/linker.js b/web/linker.js
index a11f6a2..d9af3cc 100644
--- a/web/linker.js
+++ b/web/linker.js
@@ -2819,6 +2819,8 @@ class LinkerManagerDialog extends ComfyDialog {
                 gap: 0;
                 min-height: 0;
                 height: 100%;
+                align-content: start;
+                align-items: start;
                 padding: 18px 26px 24px 26px;
                 background: #171717;
                 overflow-y: auto;
@@ -2848,6 +2850,7 @@ class LinkerManagerDialog extends ComfyDialog {
                 border-radius: 0;
                 padding: 0;
                 box-shadow: none;
+                align-self: start;
             }
             .ml-options-title {
                 margin: 0;
@@ -2858,6 +2861,8 @@ class LinkerManagerDialog extends ComfyDialog {
             .ml-options-section {
                 display: grid;
                 gap: 0;
+                align-content: start;
+                align-items: start;
                 scroll-margin-top: 24px;
             }
             .ml-options-section.is-hidden {
@@ -2877,14 +2882,18 @@ class LinkerManagerDialog extends ComfyDialog {
                 display: grid;
                 grid-template-columns: 1fr;
                 gap: 0;
+                align-content: start;
+                align-items: start;
             }
             .ml-options-stack {
                 display: grid;
                 gap: 0;
+                align-content: start;
             }
             .ml-options-panel {
                 display: grid;
                 gap: 0;
+                align-content: start;
                 padding: 0;
                 border: none;
                 background: transparent;
@@ -2899,6 +2908,7 @@ class LinkerManagerDialog extends ComfyDialog {
                 display: flex;
                 flex-direction: column;
                 gap: 0;
+                align-items: stretch;
             }
             .ml-options-label {
                 display: flex;