From a972d243f5e9342d99d4c78322dc3dd85de4a2e2 Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Mon, 16 Mar 2026 09:26:34 +0100
Subject: [PATCH] style : center and resize view toggle buttons on my-tasks
 page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/pages/my-tasks.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/pages/my-tasks.vue b/frontend/pages/my-tasks.vue
index 9eafed6..bb28a10 100644
--- a/frontend/pages/my-tasks.vue
+++ b/frontend/pages/my-tasks.vue
@@ -236,20 +236,20 @@ onMounted(() => {
                 <h1 class="text-xl font-bold text-primary-500 sm:text-2xl">{{ $t('myTasks.title') }}</h1>
                 <div class="flex gap-1">
                     <button
-                        class="rounded-lg p-2 transition-colors"
+                        class="flex items-center justify-center rounded-md p-1.5 transition-colors"
                         :class="viewMode === 'kanban' ? 'bg-primary-500 text-white' : 'text-neutral-400 hover:text-primary-500'"
                         :title="$t('myTasks.viewKanban')"
                         @click="viewMode = 'kanban'"
                     >
-                        <Icon name="mdi:view-column-outline" size="20" />
+                        <Icon name="mdi:view-column-outline" size="18" />
                     </button>
                     <button
-                        class="rounded-lg p-2 transition-colors"
+                        class="flex items-center justify-center rounded-md p-1.5 transition-colors"
                         :class="viewMode === 'list' ? 'bg-primary-500 text-white' : 'text-neutral-400 hover:text-primary-500'"
                         :title="$t('myTasks.viewList')"
                         @click="viewMode = 'list'"
                     >
-                        <Icon name="mdi:view-list-outline" size="20" />
+                        <Icon name="mdi:view-list-outline" size="18" />
                     </button>
                 </div>
             </div>