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": {

frontend/modules/commercial/pages/clients/index.vue

@@ -3,24 +3,29 @@
         <PageHeader>
             {{ t('commercial.clients.title') }}
             <template #actions>
-                <MalioButton
+                <!-- gap-12 = 48px d'espacement entre Ajouter et Filtres. -->
-                    v-if="canManage"
+                <div class="flex items-center gap-12">
-                    variant="secondary"
+                    <MalioButton
-                    :label="t('commercial.clients.add')"
+                        v-if="canManage"
-                    icon-name="mdi:add-bold"
+                        variant="secondary"
-                    icon-position="left"
+                        :label="t('commercial.clients.add')"
-                    @click="goToCreate"
+                        icon-name="mdi:add-bold"
-                />
+                        icon-position="left"
-                <!-- Bouton Filtres a DROITE d'Ajouter : ouvre le drawer. Le compteur
+                        @click="goToCreate"
-                     reflete le nombre de filtres actifs (etat applique). -->
+                    />
-                <MalioButton
+                    <!-- Bouton Filtres a DROITE d'Ajouter : meme design que
-                    v-if="canView"
+                         l'audit-log. Le compteur reflete les filtres actifs. -->
-                    variant="tertiary"
+                    <MalioButton
-                    :label="filterButtonLabel"
+                        v-if="canView"
-                    icon-name="mdi:tune"
+                        variant="tertiary"
-                    icon-position="left"
+                        :label="filterButtonLabel"
-                    @click="openFilters"
+                        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>