From f4225c051f6a62ca4716f8bbcc573b1c04556f2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Frane=20Poli=C4=87?=
 <16856471+fPolic@users.noreply.github.com>
Date: Thu, 4 Jul 2024 12:59:36 +0200
Subject: [PATCH] fix(dashboard): order item details alignment (#7942)

* fix: order item details alignment

* fix: use TW

* fix: use TW 2

* fix: smaller font for quantity
---
 .../order-summary-section/order-summary-section.tsx         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/admin-next/dashboard/src/routes/orders/order-detail/components/order-summary-section/order-summary-section.tsx b/packages/admin-next/dashboard/src/routes/orders/order-detail/components/order-summary-section/order-summary-section.tsx
index 7cbf0e5c14..2d811b57ed 100644
--- a/packages/admin-next/dashboard/src/routes/orders/order-detail/components/order-summary-section/order-summary-section.tsx
+++ b/packages/admin-next/dashboard/src/routes/orders/order-detail/components/order-summary-section/order-summary-section.tsx
@@ -75,7 +75,7 @@ const Item = ({
   return (
     <div
       key={item.id}
-      className="text-ui-fg-subtle grid grid-cols-2 items-start gap-x-4 px-6 py-4"
+      className="text-ui-fg-subtle grid grid-cols-2 items-center gap-x-4 px-6 py-4"
     >
       <div className="flex items-start gap-x-4">
         <Thumbnail src={item.thumbnail} />
@@ -107,7 +107,7 @@ const Item = ({
         </div>
         <div className="flex items-center gap-x-2">
           <div className="w-fit min-w-[27px]">
-            <Text>
+            <Text size="small">
               <span className="tabular-nums">{item.quantity}</span>x
             </Text>
           </div>
@@ -123,7 +123,7 @@ const Item = ({
           </div>
         </div>
         <div className="flex items-center justify-end">
-          <Text size="small">
+          <Text size="small" className="pt-[1px]">
             {getLocaleAmount(item.subtotal || 0, currencyCode)}
           </Text>
         </div>