From 0b0b80d0d5be69fbe88e025d2a8282e3ec29cb44 Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Thu, 9 Oct 2025 15:07:26 +0300
Subject: [PATCH] menu: fix floating buttons positions

---
 src/components/FloatingButton/FloatingButton.tsx    |  6 +++---
 src/pages/menu/components/CartButton/CartButton.tsx | 12 ++++--------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/FloatingButton/FloatingButton.tsx b/src/components/FloatingButton/FloatingButton.tsx
index 42d2516..21ae95d 100644
--- a/src/components/FloatingButton/FloatingButton.tsx
+++ b/src/components/FloatingButton/FloatingButton.tsx
@@ -34,9 +34,9 @@ export function FloatingButton() {
           className={`${styles.scrollToTopButton}`}
           style={{
             position: "fixed",
-            bottom: isMobile ? "100px" : isTablet ? "120px" : "25px",
-            right: isRTL ? "auto" : isMobile ? "20px" : "32px",
-            left: isRTL ? (isMobile ? "20px" : "32px") : "auto",
+            bottom: isMobile ? "100px" : isTablet ? "100px" : "20px",
+            right: isRTL ? "auto" : "20px",
+            left: isRTL ? "20px" : "auto",
             zIndex: 1000,
             boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
             backgroundColor:
diff --git a/src/pages/menu/components/CartButton/CartButton.tsx b/src/pages/menu/components/CartButton/CartButton.tsx
index b2f2b05..b7bdef8 100644
--- a/src/pages/menu/components/CartButton/CartButton.tsx
+++ b/src/pages/menu/components/CartButton/CartButton.tsx
@@ -28,18 +28,14 @@ export function CartButton() {
         type="primary"
         shape="circle"
         size={"large"}
-        icon={
-          <div style={{ position: "relative", left: 4, top: 2 }}>
-            <CartIcon />
-          </div>
-        }
+        icon={<CartIcon />}
         onClick={onCartClick}
         className={`${styles.scrollToTopButton}`}
         style={{
           position: "fixed",
-          bottom: isMobile ? "100px" : isTablet ? "120px" : "25px",
-          right: !isRTL ? "auto" : isMobile ? "20px" : "32px",
-          left: !isRTL ? (isMobile ? "20px" : "32px") : "auto",
+          bottom: isMobile ? "100px" : isTablet ? "120px" : "20px",
+          right: !isRTL ? "auto" : "20px",
+          left: !isRTL ? "20px" : "auto",
           zIndex: 1000,
           boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
           backgroundColor: