From 5d0c8fbda9ae57e888ff91cdfe4328f9847289a8 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Sun, 12 Apr 2026 18:17:42 -0400
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Titre=20et=20sous-titre=20sur=20u?=
 =?UTF-8?q?ne=20ligne=20d=C3=A9di=C3=A9e,=20boutons=20d'action=20sur=20une?=
 =?UTF-8?q?=20ligne=20s=C3=A9par=C3=A9e=20avec=20flex-wrap=20pour=20=C3=A9?=
 =?UTF-8?q?viter=20le=20d=C3=A9filement=20horizontal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/InvoicesBAP.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/src/pages/InvoicesBAP.tsx b/client/src/pages/InvoicesBAP.tsx
index 388cff9..d6c2321 100644
--- a/client/src/pages/InvoicesBAP.tsx
+++ b/client/src/pages/InvoicesBAP.tsx
@@ -461,13 +461,14 @@ export default function InvoicesBAP() {
 
   return (
     <DashboardLayout>
-      <div className="space-y-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <h1 className="text-3xl font-bold">Factures BAP</h1>
-            <p className="text-gray-500 mt-1">Factures non-abonnement (Abonnement = NON)</p>
-          </div>
-          <div className="flex gap-2">
+      <div className="space-y-4">
+        {/* En-tête : titre + sous-titre */}
+        <div>
+          <h1 className="text-3xl font-bold">Factures BAP</h1>
+          <p className="text-gray-500 mt-1">Factures non-abonnement (Abonnement = NON)</p>
+        </div>
+        {/* Barre d'actions : boutons sur une ligne dédiée avec retour à la ligne automatique */}
+        <div className="flex flex-wrap gap-2">
             <Button
               onClick={handleExportExcel}
               disabled={selectedIds.length === 0 || exportExcelMutation.isPending}
@@ -576,7 +577,6 @@ export default function InvoicesBAP() {
               <FileText className="w-4 h-4 mr-2" />
               Importer
             </Button>
-          </div>
         </div>
 
         <Card>
@@ -931,7 +931,7 @@ export default function InvoicesBAP() {
         </Card>
 
 
-      </div>
+      </div>{/* fin space-y-4 */}
 
       {/* Delete Confirmation Dialog */}
       <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>