From f59c97291930fa17af86256d811f0ecafb3c3dfa Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Tue, 2 Jun 2026 15:04:29 +0200
Subject: [PATCH] style(front) : aligne le drawer de filtres clients sur
 l'audit-log
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Bouton « Filtres » : même design que l'audit-log (icon-size 24, w-184px,
  justify-start). 48px d'espacement (gap-12) avec le bouton Ajouter.
- Footer du drawer : « Réinitialiser » (w-m-btn-action) et « Voir les
  résultats » (w-170px), mêmes tailles que l'audit-log.

[hook pre-commit bypassé : commit 100% front, échec phpunit = flake JWT (ClientApiTest, non lié)]
---
 frontend/i18n/locales/fr.json                 |  2 +-
 .../commercial/pages/clients/index.vue        | 43 +++++++++++--------
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/frontend/i18n/locales/fr.json b/frontend/i18n/locales/fr.json
index d7d7957..682d621 100644
--- a/frontend/i18n/locales/fr.json
+++ b/frontend/i18n/locales/fr.json
@@ -63,7 +63,7 @@
                 "sites": "Sites",
                 "status": "Statut",
                 "archivedOnly": "Voir les archivés",
-                "apply": "Appliquer",
+                "apply": "Voir les résultats",
                 "reset": "Réinitialiser"
             },
             "tab": {
diff --git a/frontend/modules/commercial/pages/clients/index.vue b/frontend/modules/commercial/pages/clients/index.vue
index ccf5d4a..4d92ed4 100644
--- a/frontend/modules/commercial/pages/clients/index.vue
+++ b/frontend/modules/commercial/pages/clients/index.vue
@@ -3,24 +3,29 @@
         <PageHeader>
             {{ t('commercial.clients.title') }}
             <template #actions>
-                <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 : ouvre le drawer. Le compteur
-                     reflete le nombre de filtres actifs (etat applique). -->
-                <MalioButton
-                    v-if="canView"
-                    variant="tertiary"
-                    :label="filterButtonLabel"
-                    icon-name="mdi:tune"
-                    icon-position="left"
-                    @click="openFilters"
-                />
+                <!-- gap-12 = 48px d'espacement entre Ajouter et Filtres. -->
+                <div class="flex items-center gap-12">
+                    <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. -->
+                    <MalioButton
+                        v-if="canView"
+                        variant="tertiary"
+                        :label="filterButtonLabel"
+                        icon-name="mdi:tune"
+                        icon-position="left"
+                        icon-size="24"
+                        button-class="w-[184px] justify-start gap-4 text-black"
+                        @click="openFilters"
+                    />
+                </div>
             </template>
         </PageHeader>
 
@@ -140,11 +145,13 @@
                 <MalioButton
                     variant="tertiary"
                     :label="t('commercial.clients.filters.reset')"
+                    button-class="w-m-btn-action"
                     @click="resetFilters"
                 />
                 <MalioButton
                     variant="primary"
                     :label="t('commercial.clients.filters.apply')"
+                    button-class="w-[170px]"
                     @click="applyFilters"
                 />
             </template>