From 5e209d5d78f247043abfd16e54d55d73ab371400 Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Thu, 1 Jan 2026 13:56:05 +0300
Subject: [PATCH] enhance brief menu card styles

---
 .../checkout/components/BriefMenuCard.tsx     |  3 +--
 src/pages/order/components/OrderDetails.tsx   | 20 ++++++++++++++-----
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/pages/checkout/components/BriefMenuCard.tsx b/src/pages/checkout/components/BriefMenuCard.tsx
index bcfd8c8..f811c65 100644
--- a/src/pages/checkout/components/BriefMenuCard.tsx
+++ b/src/pages/checkout/components/BriefMenuCard.tsx
@@ -32,14 +32,13 @@ export default function BriefMenuCard() {
     <>
       <ProInputCard
         title={t("checkout.orderSummary")}
-        dividerStyle={{ margin: "5px 0 0 0" }}
+        dividerStyle={{ margin: "3px 0 16px 0" }}
       >
         <div
           style={{
             display: "flex",
             flexDirection: "row",
             justifyContent: "space-between",
-            padding: "16px 0",
           }}
           onClick={() => {
             if (orderId && location.pathname.includes("/order/")) {
diff --git a/src/pages/order/components/OrderDetails.tsx b/src/pages/order/components/OrderDetails.tsx
index 788e30d..7b48191 100644
--- a/src/pages/order/components/OrderDetails.tsx
+++ b/src/pages/order/components/OrderDetails.tsx
@@ -53,7 +53,7 @@ export default function OrderDetails() {
                     alignItems: "center",
                     justifyContent: "space-between",
                     height: "100%",
-                    padding: 8
+                    padding: 8,
                   }}
                 >
                   <Space orientation="vertical" size="small">
@@ -123,10 +123,20 @@ export default function OrderDetails() {
                         [isRTL ? "right" : "left"]: 8,
                       }}
                     >
-                      <ArabicPrice
-                        price={item.price}
-                        style={{ fontStyle: "bold" }}
-                      />
+                      <Button
+                        shape="circle"
+                        iconPlacement="start"
+                        size="small"
+                        className={styles.addButton}
+                        style={{
+                          background: "#F5F5F6",
+                          width: 28,
+                          height: 28,
+                          border: "none",
+                        }}
+                      >
+                        <ProText style={{color: "#1F1C2E"}}>{item.qty} </ProText>
+                      </Button>
                     </div>
                   </Space>
                   <div style={{ position: "relative" }}>