From d2e856b89c257cf77215b88aeced21675b158ad4 Mon Sep 17 00:00:00 2001
From: erio <asakifeng@gmail.com>
Date: Sun, 1 Mar 2026 15:00:27 +0800
Subject: [PATCH] fix: align pay page header layout to match orders page

---
 src/app/pay/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/pay/page.tsx b/src/app/pay/page.tsx
index 9ff4439..28df0cc 100644
--- a/src/app/pay/page.tsx
+++ b/src/app/pay/page.tsx
@@ -417,8 +417,8 @@ function PayContent() {
           isEmbedded ? '' : 'mt-6',
         ].join(' ')}
       >
-        <div className="mb-5 flex items-start justify-between gap-3">
-          <div className="text-left">
+        <div className="mb-5 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+          <div>
             <div
               className={[
                 'mb-2 inline-flex items-center rounded-full px-3 py-1 text-[11px] font-medium',
@@ -440,7 +440,7 @@ function PayContent() {
             </p>
           </div>
           {!isMobile && (
-            <div className="flex shrink-0 items-center gap-2">
+            <div className="flex items-center gap-2">
               <button
                 type="button"
                 onClick={loadUserAndOrders}