From 07b26340c08baae4c6c392029ad0c2a85a20cbee Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 17 Jan 2025 17:27:39 -0300
Subject: [PATCH] fix: adjust GenericNode width to fit component wrapper
 (#5768)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* ✨ (GenericNode/index.tsx): add useEffect hook to dynamically adjust width of ReactFlow node element to fit component wrapper

* 📝 (App.css): Update width property in .react-flow__node class to improve layout responsiveness
♻️ (GenericNode/index.tsx): Remove redundant code that manually sets width of ReactFlow node element, as it is now handled by CSS styling.
---
 src/frontend/src/App.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/App.css b/src/frontend/src/App.css
index 91d5f3a14..9fe3fa403 100644
--- a/src/frontend/src/App.css
+++ b/src/frontend/src/App.css
@@ -19,7 +19,7 @@ body {
 }
 
 .react-flow__node {
-  width: auto;
+  width: fit-content !important;
   height: auto;
   border-radius: auto;
   min-width: inherit;