From c5c650c59976e4676fa8d1cc74710be3d286c303 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Mon, 8 Jun 2026 16:52:53 +0200
Subject: [PATCH] style(front) : marges PageHeader (38px haut / 30px bas) +
 ordre boutons Filtres avant Ajouter (repertoire client)

---
 .../commercial/pages/clients/index.vue        | 21 +++++++++----------
 frontend/shared/components/ui/PageHeader.vue  |  8 +++----
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/frontend/modules/commercial/pages/clients/index.vue b/frontend/modules/commercial/pages/clients/index.vue
index 1ccb486..5c624cc 100644
--- a/frontend/modules/commercial/pages/clients/index.vue
+++ b/frontend/modules/commercial/pages/clients/index.vue
@@ -3,18 +3,9 @@
         <PageHeader>
             {{ t('commercial.clients.title') }}
             <template #actions>
-                <!-- gap-12 = 48px d'espacement entre Ajouter et Filtres. -->
+                <!-- gap-8 = 32px d'espacement entre Filtres et Ajouter. -->
                 <div class="flex items-center gap-8">
-                    <MalioButton
-                        v-if="canManage"
-                        variant="secondary"
-                        :label="t('commercial.clients.add')"
-                        icon-name="mdi:add-bold"
-                        icon-position="left"
-                        @click="goToCreate"
-                    />
-                    <!-- Bouton Filtres a DROITE d'Ajouter : meme design que
-                         l'audit-log. Le compteur reflete les filtres actifs. -->
+                    <!-- Bouton Filtres a GAUCHE d'Ajouter. Le compteur reflete les filtres actifs. -->
                     <MalioButton
                         v-if="canView"
                         variant="tertiary"
@@ -25,6 +16,14 @@
                         button-class="w-[180px] justify-start gap-4 text-black"
                         @click="openFilters"
                     />
+                    <MalioButton
+                        v-if="canManage"
+                        variant="secondary"
+                        :label="t('commercial.clients.add')"
+                        icon-name="mdi:add-bold"
+                        icon-position="left"
+                        @click="goToCreate"
+                    />
                 </div>
             </template>
         </PageHeader>
diff --git a/frontend/shared/components/ui/PageHeader.vue b/frontend/shared/components/ui/PageHeader.vue
index 42ef59f..f9742f7 100644
--- a/frontend/shared/components/ui/PageHeader.vue
+++ b/frontend/shared/components/ui/PageHeader.vue
@@ -2,11 +2,11 @@
     <!-- Entete de page standard : source unique du style des titres.
          Slot par defaut = texte du titre, slot #actions = boutons a droite.
          Sticky en haut du <main> scrollable : reste visible au scroll. Fond blanc
-         + pt-11/pb-[34px] (au lieu de marges) pour que le contenu defilant soit
+         + pt-[38px]/pb-[30px] (au lieu de marges) pour que le contenu defilant soit
          masque sous l'entete (espaces haut ET bas compris) et que l'entete soit
-         collee sous le SiteSelector sans trou. pt-11 = 44px, la marge haute
-         d'origine. z-20 < drawers/modales. -->
-    <div class="sticky top-0 z-20 flex items-center justify-between gap-4 bg-white pt-11 pb-[34px]">
+         collee sous le SiteSelector sans trou. pt = marge haute (38px),
+         pb = espace titre -> contenu (30px). z-20 < drawers/modales. -->
+    <div class="sticky top-0 z-20 flex items-center justify-between gap-4 bg-white pt-[38px] pb-[30px]">
         <h1 class="text-[30px] font-semibold text-primary-500">
             <slot/>
         </h1>