From 5522b51d6bf9a4305f64128d9ac473b987c0bb3b Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 29 Jun 2023 16:41:41 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(parameterComponent):=20add?=
 =?UTF-8?q?=20margin-top=20to=20the=20container=20divs=20to=20improve=20sp?=
 =?UTF-8?q?acing=20between=20elements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx            | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 37a1b09a2..a9ebd4ff7 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -220,7 +220,7 @@ export default function ParameterComponent({
         ) : left === true &&
           type === "str" &&
           data.node.template[name].options ? (
-          <div className="w-full">
+          <div className="w-full mt-2">
             <Dropdown
               options={data.node.template[name].options}
               onSelect={handleOnNewValue}
@@ -228,12 +228,16 @@ export default function ParameterComponent({
             ></Dropdown>
           </div>
         ) : left === true && type === "code" ? (
+          <div className="mt-2 w-full">
           <CodeAreaComponent
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
             onChange={handleOnNewValue}
           />
+          </div>
+
         ) : left === true && type === "file" ? (
+          <div className="mt-2 w-full">
           <InputFileComponent
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
@@ -245,6 +249,7 @@ export default function ParameterComponent({
               save();
             }}
           ></InputFileComponent>
+          </div>
         ) : left === true && type === "int" ? (
           <div className="mt-2 w-full">
             <IntComponent
@@ -255,11 +260,14 @@ export default function ParameterComponent({
             />
           </div>
         ) : left === true && type === "prompt" ? (
+          <div className="mt-2 w-full">
           <PromptAreaComponent
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
             onChange={handleOnNewValue}
           />
+          </div>
+
         ) : (
           <></>
         )}