From 786accdf2433db3d4dddacffc28e3754460b2655 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Tue, 15 Apr 2025 08:36:49 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Place=20button=20settings=20floa?=
 =?UTF-8?q?ting=20button=20on=20top=20right?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inputs/buttons/components/ButtonsItemNode.tsx      |  9 +++++----
 .../blocks/inputs/cards/components/CardsItemNode.tsx   | 10 +++++-----
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/apps/builder/src/features/blocks/inputs/buttons/components/ButtonsItemNode.tsx b/apps/builder/src/features/blocks/inputs/buttons/components/ButtonsItemNode.tsx
index 32446c24a..e2210f76c 100644
--- a/apps/builder/src/features/blocks/inputs/buttons/components/ButtonsItemNode.tsx
+++ b/apps/builder/src/features/blocks/inputs/buttons/components/ButtonsItemNode.tsx
@@ -139,12 +139,13 @@ export const ButtonsItemNode = ({ item, indices, isMouseOver }: Props) => {
             />
           </Editable>
           <SlideFade
-            offsetY="0px"
-            offsetX="-10px"
+            offsetY="5px"
+            offsetX="-5px"
             in={isMouseOver}
             style={{
               position: "absolute",
-              left: "-40px",
+              right: "-0.25rem",
+              top: "-0.25rem",
               zIndex: 3,
             }}
             unmountOnExit
@@ -154,7 +155,7 @@ export const ButtonsItemNode = ({ item, indices, isMouseOver }: Props) => {
                 aria-label={t("blocks.inputs.button.openSettings.ariaLabel")}
                 icon={<SettingsIcon />}
                 variant="ghost"
-                size="sm"
+                size="xs"
                 shadow="md"
                 onClick={() => setOpenedNodeId(item.id)}
               />
diff --git a/apps/builder/src/features/blocks/inputs/cards/components/CardsItemNode.tsx b/apps/builder/src/features/blocks/inputs/cards/components/CardsItemNode.tsx
index f5aac3622..def68f633 100644
--- a/apps/builder/src/features/blocks/inputs/cards/components/CardsItemNode.tsx
+++ b/apps/builder/src/features/blocks/inputs/cards/components/CardsItemNode.tsx
@@ -267,13 +267,13 @@ export const CardsItemNode = ({
           </Stack>
 
           <SlideFade
-            offsetY="0px"
-            offsetX="-10px"
+            offsetY="5px"
+            offsetX="-5px"
             in={isMouseOver}
             style={{
               position: "absolute",
-              right: "-10px",
-              top: "-10px",
+              right: "-0.25rem",
+              top: "-0.25rem",
               zIndex: 3,
             }}
             unmountOnExit
@@ -283,7 +283,7 @@ export const CardsItemNode = ({
                 aria-label={t("blocks.inputs.button.openSettings.ariaLabel")}
                 icon={<SettingsIcon />}
                 variant="ghost"
-                size="sm"
+                size="xs"
                 shadow="md"
                 onClick={() => setOpenedNodeId(item.id)}
               />