From 80132375b710975a851eb5b2d0d8adab7a2fd0de Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 3 Jun 2026 17:55:25 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui)=20:=20TabList=20=E2=80=94=20fl=C3=A8che?=
 =?UTF-8?q?s=20int=C3=A9gr=C3=A9es=20dans=20la=20barre=20(bordure=20englob?=
 =?UTF-8?q?ante,=2036px=20des=20onglets)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/components/malio/tab/TabList.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/malio/tab/TabList.vue b/app/components/malio/tab/TabList.vue
index 0e58b7e..68c3216 100644
--- a/app/components/malio/tab/TabList.vue
+++ b/app/components/malio/tab/TabList.vue
@@ -1,13 +1,13 @@
 <template>
   <div v-bind="$attrs">
-    <div v-if="isWindowed" class="flex items-center justify-center gap-4">
+    <div v-if="isWindowed" class="flex items-end justify-center border-b border-m-primary">
       <button
         type="button"
         aria-label="Onglets précédents"
         data-test="tab-prev"
         :disabled="!canPrev"
         :class="[
-          'text-m-primary',
+          'mr-[36px] pb-[6px] text-m-primary',
           canPrev ? 'cursor-pointer hover:text-m-primary/70' : 'cursor-not-allowed text-m-primary/30',
         ]"
         @click="prev"
@@ -17,7 +17,7 @@
 
       <div
         role="tablist"
-        class="flex justify-center gap-[60px] border-b border-m-primary"
+        class="flex justify-center gap-[60px]"
       >
         <button
           v-for="tab in visibleTabs"
@@ -55,7 +55,7 @@
         data-test="tab-next"
         :disabled="!canNext"
         :class="[
-          'text-m-primary',
+          'ml-[36px] pb-[6px] text-m-primary',
           canNext ? 'cursor-pointer hover:text-m-primary/70' : 'cursor-not-allowed text-m-primary/30',
         ]"
         @click="next"