From ccdf476c4f2c0346072bb431333cb3a1532ee14c Mon Sep 17 00:00:00 2001
From: Colin Maudry <colin@maudry.com>
Date: Wed, 24 Jun 2026 22:38:28 +0200
Subject: [PATCH] =?UTF-8?q?fix(compte):=20styles=20nav=20sidebar,=20zone?=
 =?UTF-8?q?=20danger=20et=20bouton=20d=C3=A9connexion=20(#73)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Nav sidebar : indicateur bordure gauche rouge au lieu du pill rouge plein
- Zone danger : couleur rouge directe (#d9230f) au lieu de Bootstrap danger (violet en Simplex)
- Bouton Déconnexion : outline pour le rendre clairement stylisé

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/assets/css/style.css   | 14 ++++++++++++++
 src/pages/_compte_shell.py |  2 +-
 src/pages/compte_admin.py  | 16 ++++++++++++----
 3 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 42afb2a..ed1681f 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -138,6 +138,20 @@ p.version > a {
   font-weight: 600;
 }
 
+.account-nav .nav-link {
+  color: inherit;
+  padding-left: 10px;
+  border-left: 3px solid transparent;
+  border-radius: 0;
+}
+
+.account-nav .nav-link.active {
+  color: #d9230f;
+  font-weight: 600;
+  border-left-color: #d9230f;
+  background-color: transparent;
+}
+
 #announcements {
   margin: 25px 40px 0 60px;
   font-size: 90%;
diff --git a/src/pages/_compte_shell.py b/src/pages/_compte_shell.py
index 79bf970..96cafa9 100644
--- a/src/pages/_compte_shell.py
+++ b/src/pages/_compte_shell.py
@@ -75,7 +75,7 @@ def _nav(active: str):
         dbc.NavLink(s["label"], href=s["href"], active=(s["key"] == active))
         for s in visible_sections(current_user_has_subscription())
     ]
-    return dbc.Nav(links, vertical=True, pills=True)
+    return dbc.Nav(links, vertical=True, class_name="account-nav")
 
 
 def account_shell(active: str, contenu):
diff --git a/src/pages/compte_admin.py b/src/pages/compte_admin.py
index 04f854d..205b47c 100644
--- a/src/pages/compte_admin.py
+++ b/src/pages/compte_admin.py
@@ -102,10 +102,17 @@ def _password_section():
 def _danger_section():
     return html.Div(
         [
-            html.H4("Zone danger", className="mt-5 text-danger"),
+            html.H4(
+                "Zone danger",
+                className="mt-3",
+                style={"color": "#d9230f"},
+            ),
             html.P("La suppression de votre compte est définitive."),
             dbc.Button(
-                "Supprimer mon compte", id="delete-open", color="danger", outline=True
+                "Supprimer mon compte",
+                id="delete-open",
+                color="primary",
+                outline=True,
             ),
             dbc.Modal(
                 id="delete-modal",
@@ -148,7 +155,8 @@ def _danger_section():
                 ],
             ),
         ],
-        className="border border-danger rounded p-3 mt-4",
+        className="rounded p-3 mt-4",
+        style={"border": "1px solid #d9230f"},
     )
 
 
@@ -159,7 +167,7 @@ def _logout_section():
         className="mt-4",
         children=[
             _csrf("logout"),
-            dbc.Button("Déconnexion", type="submit", color="secondary"),
+            dbc.Button("Déconnexion", type="submit", color="secondary", outline=True),
         ],
     )