From 88fa784291307a1147668375d81881ac72868e40 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 13 Jan 2025 19:19:27 -0300
Subject: [PATCH] fix: Improve hide-output button alignment in GenericNode
 component (#5645)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔧 (GenericNode/index.tsx): Update CSS class for HiddenOutputsButton to improve styling and alignment
🔧 (GenericNode/index.tsx): Update CSS class for GenericNode component to improve alignment of elements
---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index dc3af464a..0e149f633 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -48,7 +48,7 @@ const HiddenOutputsButton = memo(
   }) => (
     <Button
       unstyled
-      className="group m-auto h-[1.75rem] w-[1.75rem] place-items-center items-center rounded-full border bg-muted hover:text-foreground"
+      className="group flex h-[1.75rem] w-[1.75rem] items-center justify-center rounded-full border bg-muted hover:text-foreground"
       onClick={onClick}
     >
       <ForwardedIconComponent
@@ -461,7 +461,7 @@ function GenericNode({
                 >
                   <div
                     className={cn(
-                      "absolute left-0 right-0 flex justify-center",
+                      "absolute left-1/2 flex -translate-x-1/2 justify-center",
                       (shownOutputs && shownOutputs.length > 0) ||
                         showHiddenOutputs
                         ? "bottom-[-0.8rem]"