diff --git a/autogpt_platform/frontend/src/components/customnode.css b/autogpt_platform/frontend/src/components/customnode.css index dd116fc67..d947540f4 100644 --- a/autogpt_platform/frontend/src/components/customnode.css +++ b/autogpt_platform/frontend/src/components/customnode.css @@ -4,58 +4,26 @@ transition: border-color 0.3s ease-in-out; } -.custom-node [data-id="input-handles"] { - padding: 0 1.25rem; - margin-bottom: 1rem; -} - +.custom-node [data-id="input-handles"], .custom-node [data-id="input-handles"] > div > div { margin-bottom: 1rem; } -.handle-container { - display: flex; - position: relative; - margin-bottom: 0px; - padding: 0.75rem 1.25rem; - min-height: 44px; - height: 100%; -} - .custom-node input:not([type="checkbox"]), .custom-node textarea, -.custom-node select { - width: calc(100% - 2.5rem); +.custom-node select, +.custom-node [data-id^="date-picker"], +.custom-node [data-list-container], +.custom-node [data-add-item], +.custom-node [data-content-settings] { + min-width: calc(100% - 2.5rem); max-width: 400px; - margin: 0.5rem 1.25rem; -} - -.custom-node [data-id^="date-picker"] { - margin: 0.5rem 1.25rem; - width: calc(100% - 2.5rem); -} - -.custom-node [data-list-container] { - margin: 0.5rem 1.25rem; - width: calc(100% - 2.5rem); -} - -.custom-node [data-add-item] { - margin: 0.5rem 1.25rem; - width: calc(100% - 2.5rem); - padding: 0.5rem; } .array-item-container { display: flex; align-items: center; - margin: 0.5rem 1.25rem; - width: calc(100% - 2.5rem); -} - -.custom-node [data-content-settings] { - margin: 0.5rem 1.25rem; - width: calc(100% - 2.5rem); + min-width: calc(100% - 2.5rem); } .custom-node .custom-switch { @@ -68,7 +36,6 @@ .error-message { color: #d9534f; font-size: 13px; - margin: 0.25rem 1.25rem; padding-left: 0.5rem; }