enhance brief menu card styles

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/")) {

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
+                      <Button
-                        price={item.price}
+                        shape="circle"
-                        style={{ fontStyle: "bold" }}
+                        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" }}>