From 0fb933326f167afc291a263666fea7d391109822 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 30 Jan 2026 12:01:06 +0100
Subject: [PATCH] Style : ajustements visuels Account.vue

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/views/Account.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/views/Account.vue b/src/views/Account.vue
index a347040..b5bceb2 100644
--- a/src/views/Account.vue
+++ b/src/views/Account.vue
@@ -237,13 +237,14 @@
               ? visibleProjects
               : allProjectsList"
             :key="project.uuid"
-            class="project-card | flex items-center | bg-grey-100 rounded-lg px-16 py-12"
+            class="project-card | flex items-center | bg-grey-800 text-white rounded-lg px-16 py-12"
             style="--column-gap: 1rem"
           >
             <button
               v-if="user.role === 'pochet'"
               @click="toggleProject(project.uuid)"
               class="btn btn--sm btn--primary"
+              :aria-pressed="true"
               :title="'Masquer le projet'"
               aria-label="Masquer le projet"
             >
@@ -259,16 +260,17 @@
                 ></path>
               </svg>
             </button>
-            <div class="flex-1 | flex flex-col">
+            <div>
               <p class="font-medium">{{ project.title }}</p>
-              <p class="text-sm text-grey-600">{{ project.step }}</p>
+              <p class="text-sm text-grey-600">
+                Étape en cours : {{ project.step }}
+              </p>
             </div>
           </div>
 
           <template
             v-if="user.role === 'pochet' && hiddenProjectsList.length > 0"
           >
-            <h3 class="text-grey-700 mt-24 mb-12">Projets masqués</h3>
             <div
               v-for="project in hiddenProjectsList"
               :key="project.uuid"
@@ -293,9 +295,11 @@
                   ></path>
                 </svg>
               </button>
-              <div class="flex-1 | flex flex-col">
+              <div>
                 <p class="font-medium">{{ project.title }}</p>
-                <p class="text-sm text-grey-600">{{ project.step }}</p>
+                <p class="text-sm text-grey-600">
+                  Étape en cours : {{ project.step }}
+                </p>
               </div>
             </div>
           </template>