From d65a9fcb898146a8c6e7fffa80c4c14ef81c2d12 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 14 Feb 2023 19:48:34 -0300
Subject: [PATCH] Gap fixed between components at sidebar

---
 .../extraSidebarComponent/index.tsx           | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index aa70f79a6..58e944160 100644
--- a/space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -32,28 +32,30 @@ export default function ExtraSidebar() {
           key={i}
           button={{ title: toFirstUpperCase(d), Icon: nodeIcons[d] }}
         >
-          {Object.keys(data[d]).map((t, k) => (
-            <div key={k} className="p-2 pb-0">
-              <div
-                draggable
-                className={" cursor-grab border-l-8 rounded-l-md"}
-                style={{ borderLeftColor: nodeColors[d] }}
-                onDragStart={(event) =>
-                  onDragStart(event, {
-                    type: d,
-                    name: t,
-                    types: types,
-                    node: data[d][t],
-                  })
-                }
-              >
-                <div className="flex w-full justify-between text-sm px-4 py-3 items-center border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2">
-                  <span className="text-black w-36 truncate">{t}</span>
-                  <Bars2Icon className="w-6 h-6 text-gray-400" />
+          <div className="p-2 flex flex-col gap-2">
+            {Object.keys(data[d]).map((t, k) => (
+              <div key={k}>
+                <div
+                  draggable
+                  className={" cursor-grab border-l-8 rounded-l-md"}
+                  style={{ borderLeftColor: nodeColors[d] }}
+                  onDragStart={(event) =>
+                    onDragStart(event, {
+                      type: d,
+                      name: t,
+                      types: types,
+                      node: data[d][t],
+                    })
+                  }
+                >
+                  <div className="flex w-full justify-between text-sm px-4 py-3 items-center border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2">
+                    <span className="text-black w-36 truncate">{t}</span>
+                    <Bars2Icon className="w-6 h-6 text-gray-400" />
+                  </div>
                 </div>
               </div>
-            </div>
-          ))}
+            ))}
+          </div>
         </DisclosureComponent>
       ))}
     </div>