From 4a4377023834069090ac410b3872a12f737eeba9 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Mon, 6 Apr 2026 14:05:28 +0200
Subject: [PATCH] fix : add labels on log file fields and use MalioButtonIcon
 for delete

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/pages/applications/[slug].vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/pages/applications/[slug].vue b/frontend/pages/applications/[slug].vue
index 0d6cb3c..39f393b 100644
--- a/frontend/pages/applications/[slug].vue
+++ b/frontend/pages/applications/[slug].vue
@@ -364,12 +364,17 @@ onMounted(loadApplication)
                             + {{ t('environments.logFiles.addButton') }}
                         </button>
                     </div>
-                    <div v-for="(lf, index) in envForm.logFiles" :key="index" class="flex gap-2 mb-2 items-center">
-                        <MalioInputText v-model="lf.label" :placeholder="t('environments.logFiles.label')" class="flex-1" required />
-                        <MalioInputText v-model="lf.path" :placeholder="t('environments.logFiles.path')" class="flex-[2]" required />
-                        <button type="button" @click="removeLogFile(index)" class="text-red-500 hover:text-red-700 p-1">
-                            <Icon name="mdi:close" size="18" />
-                        </button>
+                    <div v-for="(lf, index) in envForm.logFiles" :key="index" class="flex gap-2 mb-2 items-end">
+                        <MalioInputText v-model="lf.label" :label="t('environments.logFiles.label')" class="flex-1" required />
+                        <MalioInputText v-model="lf.path" :label="t('environments.logFiles.path')" class="flex-[2]" required />
+                        <MalioButtonIcon
+                            icon="mdi:delete-outline"
+                            :aria-label="t('environments.logFiles.remove')"
+                            variant="ghost"
+                            icon-size="18"
+                            button-class="text-red-500 hover:bg-red-50 hover:text-red-700 mb-1"
+                            @click="removeLogFile(index)"
+                        />
                     </div>
                 </div>
             </form>