From f18b42ef448228477fcdae0b14f421cc52b61852 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 14 Jun 2023 17:02:54 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(menuBar,=20nodeToolbarComp?=
 =?UTF-8?q?onent):=20add=20margin=20to=20the=20right=20of=20the=20icon=20t?=
 =?UTF-8?q?o=20improve=20spacing=20The=20changes=20add=20a=20margin=20to?=
 =?UTF-8?q?=20the=20right=20of=20the=20icon=20in=20the=20menu=20bar=20and?=
 =?UTF-8?q?=20node=20toolbar=20components.=20This=20improves=20the=20spaci?=
 =?UTF-8?q?ng=20between=20the=20icon=20and=20the=20text.=20The=20dark:text?=
 =?UTF-8?q?-gray-300=20class=20is=20added=20to=20ensure=20that=20the=20ico?=
 =?UTF-8?q?n=20is=20visible=20in=20both=20light=20and=20dark=20mode.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/headerComponent/components/menuBar/index.tsx | 6 +++---
 .../FlowPage/components/nodeToolbarComponent/index.tsx      | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index f26069963..370010451 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -71,7 +71,7 @@ export const MenuBar = ({ flows, tabId }) => {
                 openPopUp(<FlowSettingsModal />);
               }}
             >
-              <Settings2 className="w-4 h-4 mr-2" />
+              <Settings2 className="w-4 h-4 mr-2 dark:text-gray-300" />
               Settings
             </DropdownMenuItem>
             <DropdownMenuItem
@@ -79,7 +79,7 @@ export const MenuBar = ({ flows, tabId }) => {
                 undo();
               }}
             >
-              <Undo className="w-4 h-4 mr-2" />
+              <Undo className="w-4 h-4 mr-2 dark:text-gray-300" />
               Undo
             </DropdownMenuItem>
             <DropdownMenuItem
@@ -87,7 +87,7 @@ export const MenuBar = ({ flows, tabId }) => {
                 redo();
               }}
             >
-              <Redo className="w-4 h-4 mr-2" />
+              <Redo className="w-4 h-4 mr-2 dark:text-gray-300" />
               Redo
             </DropdownMenuItem>
             <DropdownMenuSeparator />
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 2e89d5223..a78c3b127 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -64,7 +64,7 @@ const NodeToolbarComponent = (props) => {
                 );
               }}
             >
-              <Copy className="w-5 h-5  dark:text-gray-300"></Copy>
+              <Copy className="w-5 h-5 mr-2 dark:text-gray-300"></Copy>
             </button>
           </ShadTooltip>
 
@@ -77,7 +77,7 @@ const NodeToolbarComponent = (props) => {
                   props.openPopUp(<EditNodeModal data={props.data} />);
                 }}
               >
-                <Settings2 className="w-5 h-5  dark:text-gray-300"></Settings2>
+                <Settings2 className="w-4 h-4 dark:text-gray-300"></Settings2>
               </button>
             </ShadTooltip>
           )}