R7E 真机二次反馈移动修复

引用 R7E-16C BIZ8-12B

client/src/components/mobile/MobileDetailHeader.tsx

@@ -44,16 +44,26 @@ export function MobileDetailHeader({ title, subtitle, status, fallbackTo, testId
   };
 
   return (
-    <header className="mobile-detail-header flex min-h-12 items-center gap-3" data-testid={testId}>
-      <Button className="min-h-11 shrink-0 gap-1 px-3" size="sm" type="button" variant="secondary" onClick={handleBack}>
-        <ArrowLeft aria-hidden="true" className="size-4" />
-        <span>返回</span>
+    <header
+      className="mobile-detail-header grid min-h-12 grid-cols-[44px_minmax(0,1fr)_auto] items-center gap-3"
+      data-testid={testId}
+    >
+      <Button
+        aria-label="返回"
+        className="h-11 w-11 shrink-0 rounded-xl p-0"
+        size="icon"
+        type="button"
+        variant="secondary"
+        onClick={handleBack}
+      >
+        <ArrowLeft aria-hidden="true" className="size-5" />
+        <span className="sr-only">返回</span>
       </Button>
-      <div className="min-w-0 flex-1">
+      <div className="mobile-detail-header__title min-w-0 flex-1">
         <div className="truncate text-base font-semibold text-zinc-900">{title}</div>
         {subtitle ? <div className="mt-0.5 truncate text-xs text-zinc-500">{subtitle}</div> : null}
       </div>
-      {status ? <div className="shrink-0">{status}</div> : null}
+      {status ? <div className="min-w-max shrink-0 justify-self-end">{status}</div> : null}
     </header>
   );
 }