From aeec0b703c0d74c6aeac76b089a57563371947fa Mon Sep 17 00:00:00 2001
From: BOHA <boha@boha.cz>
Date: Sun, 7 Jun 2026 16:36:24 +0200
Subject: [PATCH] fix(ui): wrap detail-page header action buttons on mobile

OfferDetail/OrderDetail/InvoiceDetail/ProjectDetail headers each have a custom action-button row that was flexShrink:0, so (like the alert/PageHeader cases) it stayed at content width and its buttons overflowed/clipped on phones. Dropped flexShrink:0 (and added flexWrap on ProjectDetail which lacked it) so the action row conforms to the available width and the buttons wrap onto multiple lines. Verified on OfferDetail at 430px: buttons span two rows, no container overflow, no page scroll.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/admin/pages/InvoiceDetail.tsx | 2 --
 src/admin/pages/OfferDetail.tsx   | 1 -
 src/admin/pages/OrderDetail.tsx   | 1 -
 src/admin/pages/ProjectDetail.tsx | 2 +-
 4 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/admin/pages/InvoiceDetail.tsx b/src/admin/pages/InvoiceDetail.tsx
index 3be9bb6..56205cb 100644
--- a/src/admin/pages/InvoiceDetail.tsx
+++ b/src/admin/pages/InvoiceDetail.tsx
@@ -986,7 +986,6 @@ export default function InvoiceDetail() {
                 display: "flex",
                 alignItems: "center",
                 gap: 1,
-                flexShrink: 0,
                 flexWrap: "wrap",
               }}
             >
@@ -1411,7 +1410,6 @@ export default function InvoiceDetail() {
               display: "flex",
               alignItems: "center",
               gap: 1,
-              flexShrink: 0,
               flexWrap: "wrap",
             }}
           >
diff --git a/src/admin/pages/OfferDetail.tsx b/src/admin/pages/OfferDetail.tsx
index 16b9472..986a6ad 100644
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
@@ -1105,7 +1105,6 @@ export default function OfferDetail() {
               display: "flex",
               alignItems: "center",
               gap: 1,
-              flexShrink: 0,
               flexWrap: "wrap",
             }}
           >
diff --git a/src/admin/pages/OrderDetail.tsx b/src/admin/pages/OrderDetail.tsx
index 24afd80..e950cf6 100644
--- a/src/admin/pages/OrderDetail.tsx
+++ b/src/admin/pages/OrderDetail.tsx
@@ -428,7 +428,6 @@ export default function OrderDetail() {
               display: "flex",
               alignItems: "center",
               gap: 1,
-              flexShrink: 0,
               flexWrap: "wrap",
             }}
           >
diff --git a/src/admin/pages/ProjectDetail.tsx b/src/admin/pages/ProjectDetail.tsx
index 8ba0ddc..6021d82 100644
--- a/src/admin/pages/ProjectDetail.tsx
+++ b/src/admin/pages/ProjectDetail.tsx
@@ -325,7 +325,7 @@ export default function ProjectDetail() {
                 display: "flex",
                 alignItems: "center",
                 gap: 1,
-                flexShrink: 0,
+                flexWrap: "wrap",
               }}
             >
               <Button onClick={handleSave} disabled={saving}>