style(front) : marges PageHeader (38px haut / 30px bas) + ordre boutons Filtres avant Ajouter (repertoire client)

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
+                    <!-- Bouton Filtres a GAUCHE d'Ajouter. Le compteur reflete les filtres actifs. -->
-                        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. -->
                     <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>

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
+         collee sous le SiteSelector sans trou. pt = marge haute (38px),
-         d'origine. z-20 < drawers/modales. -->
+         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-11 pb-[34px]">
+    <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>