From a202a8351ec1a56ef07f6ba638b37e4d3319fc52 Mon Sep 17 00:00:00 2001
From: raydeveloppeur-admin <raydeveloppeur@gmail.com>
Date: Sat, 25 Jul 2026 13:16:15 +0200
Subject: [PATCH 1/5] =?UTF-8?q?Button=20primary=20secondary=20fix=20:=20Bu?=
 =?UTF-8?q?tton=20hierarchy=20and=20responsive=20layout=20tightened,=20pri?=
 =?UTF-8?q?mary=20styling=20added=20to=20the=20Manage=20Users=20button,=20?=
 =?UTF-8?q?Sign=20In=20and=20Create=20Account=20now=20use=20the=20`.btn`?=
 =?UTF-8?q?=20class,=20padding=20unified=20in=20`.profile-actions`,=20avat?=
 =?UTF-8?q?ar=20buttons=20wrapped=20in=20`.avatar-actions`=20for=20consist?=
 =?UTF-8?q?ent=20width,=20mobile=20breakpoint=20raised=20to=2037em,=20and?=
 =?UTF-8?q?=20mobile=20stacking=20switched=20to=20a=20fit=E2=80=91content?=
 =?UTF-8?q?=20column=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/static/css/profile.css      | 29 ++++++++++++++--------------
 frontend/templates/login.html        |  2 +-
 frontend/templates/profile.html      | 20 ++++++++++---------
 frontend/templates/registration.html |  2 +-
 4 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/frontend/static/css/profile.css b/frontend/static/css/profile.css
index ed4f2f7..d97df0e 100644
--- a/frontend/static/css/profile.css
+++ b/frontend/static/css/profile.css
@@ -30,18 +30,15 @@
     border-radius: var(--radius-full);
 }
 
-#upload-avatar-btn {
-    margin-bottom: var(--spacing-sm);
-}
-
-.remove-avatar-form {
-    display: inline-block;
+.avatar-actions {
+    display: flex;
+    justify-content: center;
+    gap: var(--spacing-sm);
     margin-bottom: var(--spacing-sm);
 }
-
 #upload-avatar-btn,
 .remove-avatar-form .btn-sm {
-    min-width: 8rem;
+    min-width: 12rem;
 }
 
 .role-badge {
@@ -95,6 +92,7 @@
     margin-top: var(--spacing-lg);
 }
 
+.profile-actions .btn,
 .profile-actions .btn-secondary,
 .profile-actions .btn-danger {
     padding: var(--spacing-xs) var(--spacing-md);
@@ -127,7 +125,7 @@
     filter: brightness(1.1);
 }
 
-@media (max-width: 22.5em) {
+@media (max-width: 37em) {
     .profile-card {
         padding: var(--spacing-md);
     }
@@ -153,15 +151,18 @@
         flex-shrink: 0;
     }
 
-    .profile-actions {
+    .avatar-actions {
         flex-direction: column;
         align-items: stretch;
         width: fit-content;
-        margin-left: auto;
-        margin-right: auto;
+        margin: 0 auto var(--spacing-sm);
     }
-    .profile-actions .btn {
-        width: 100%;
+
+    .profile-actions {
+        flex-direction: column;
+        align-items: stretch;
+        width: fit-content;
+        margin: 0 auto;
     }
 }
 
diff --git a/frontend/templates/login.html b/frontend/templates/login.html
index 7ba1145..0a4324e 100644
--- a/frontend/templates/login.html
+++ b/frontend/templates/login.html
@@ -27,7 +27,7 @@ <h1 class="account-title">{{ _('Welcome Back') }}</h1>
                 <button type="button" class="password-toggle" aria-label="{{ _('Toggle password visibility') }}" aria-pressed="false">{{ icon('visibility') }}</button>
             </div>
         </div>
-        <button type="submit" class="full-width">{{ _('Sign In') }}</button>
+        <button type="submit" class="btn full-width">{{ _('Sign In') }}</button>
     </form>
 
     <hr>
diff --git a/frontend/templates/profile.html b/frontend/templates/profile.html
index 7b5a304..951ed28 100644
--- a/frontend/templates/profile.html
+++ b/frontend/templates/profile.html
@@ -18,14 +18,16 @@
             {% endif %}
         </div>
         {% if is_own_profile %}
-        <button type="button" id="upload-avatar-btn" class="btn btn-sm">{{ _('Upload Photo') }}</button>
-        <input type="file" id="avatar-file-input" accept="image/*" hidden>
-        {% if user.avatar_file_id %}
-        <form action="{{ url_for('auth.remove_profile_photo') }}" method="POST" class="remove-avatar-form">
-            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
-            <button type="submit" class="btn btn-sm btn-secondary">{{ _('Remove Photo') }}</button>
-        </form>
-        {% endif %}
+        <div class="avatar-actions">
+            <button type="button" id="upload-avatar-btn" class="btn btn-sm">{{ _('Upload Photo') }}</button>
+            <input type="file" id="avatar-file-input" accept="image/*" hidden>
+            {% if user.avatar_file_id %}
+            <form action="{{ url_for('auth.remove_profile_photo') }}" method="POST" class="remove-avatar-form">
+                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                <button type="submit" class="btn btn-sm btn-secondary">{{ _('Remove Photo') }}</button>
+            </form>
+            {% endif %}
+        </div>
         {% endif %}
         <h1>{{ user.account_username }}</h1>
         <div class="role-row">
@@ -121,7 +123,7 @@ <h2 class="modal-title">{{ _('Update Password') }}</h2>
     {% if is_own_profile %}
     <div class="profile-actions">
         {% if current_user.account_role == 'admin' %}
-        <a href="{{ url_for('auth.list_all_users') }}" class="btn btn-secondary">{{ _('Manage Users') }}</a>
+        <a href="{{ url_for('auth.list_all_users') }}" class="btn">{{ _('Manage Users') }}</a>
         {% endif %}
         <button type="button" id="open-password-modal" class="btn btn-secondary">{{ _('Change Password') }}</button>
         <form action="{{ url_for('auth.logout') }}" method="POST" class="logout-form">
diff --git a/frontend/templates/registration.html b/frontend/templates/registration.html
index 104cfb1..b294a6c 100644
--- a/frontend/templates/registration.html
+++ b/frontend/templates/registration.html
@@ -38,7 +38,7 @@ <h1 class="account-title">{{ _('Join DevJournal') }}</h1>
                 <button type="button" class="password-toggle" aria-label="{{ _('Toggle password visibility') }}" aria-pressed="false">{{ icon('visibility') }}</button>
             </div>
         </div>
-        <button type="submit" class="full-width">{{ _('Create Account') }}</button>
+        <button type="submit" class="btn full-width">{{ _('Create Account') }}</button>
     </form>
 
     <hr>

From ecfc11959bbe0b2ba81761f3f7a5fb79bd739c86 Mon Sep 17 00:00:00 2001
From: raydeveloppeur-admin <raydeveloppeur@gmail.com>
Date: Sat, 25 Jul 2026 13:25:55 +0200
Subject: [PATCH 2/5] Button primary secondary fix : Primary button hover fixed
 and action hierarchy clarified: a `.btn:hover` rule now overrides the default
 `a:hover` color so primary buttons keep their proper styling, the Edit button
 on the article detail page is promoted to primary, and Delete drops its
 redundant `.btn-secondary` since `.btn-danger` already defines its role

---
 frontend/static/css/base.css           | 4 ++++
 frontend/templates/article_detail.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/static/css/base.css b/frontend/static/css/base.css
index 342c381..5ded387 100644
--- a/frontend/static/css/base.css
+++ b/frontend/static/css/base.css
@@ -509,6 +509,10 @@ button:hover,
     z-index: var(--z-base);
 }
 
+.btn:hover {
+    color: var(--on-primary);
+}
+
 .btn-secondary {
     background: transparent;
     border: 1px solid var(--outline);
diff --git a/frontend/templates/article_detail.html b/frontend/templates/article_detail.html
index ac0d0b6..4f0ef16 100644
--- a/frontend/templates/article_detail.html
+++ b/frontend/templates/article_detail.html
@@ -75,8 +75,8 @@ <h1 class="item-title detail-title">{{ article.article_title }}</h1>
         
         <div class="detail-actions">
             {% if current_user and (current_user.account_id == article.article_author_id or current_user.account_role == 'admin') %}
-                <a href="{{ url_for('article.render_edit_page', article_id=article.article_id) }}" class="btn btn-sm btn-secondary">{{ _('Edit') }}</a>
-                <a href="#" class="btn btn-sm btn-secondary btn-danger confirm-trigger" data-confirm-message="{{ _('Delete this article permanently ?') }}" data-form-id="delete-article-{{ article.article_id }}">{{ _('Delete') }}</a>
+                <a href="{{ url_for('article.render_edit_page', article_id=article.article_id) }}" class="btn btn-sm">{{ _('Edit') }}</a>
+                <a href="#" class="btn btn-sm btn-danger confirm-trigger" data-confirm-message="{{ _('Delete this article permanently ?') }}" data-form-id="delete-article-{{ article.article_id }}">{{ _('Delete') }}</a>
                 <form id="delete-article-{{ article.article_id }}" action="{{ url_for('article.delete_article_html', article_id=article.article_id) }}" method="POST" hidden>
                     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                     <button type="submit" hidden></button>

From 11bde89cafe1cdc130af6f6373e79424edef214e Mon Sep 17 00:00:00 2001
From: raydeveloppeur-admin <raydeveloppeur@gmail.com>
Date: Sat, 25 Jul 2026 14:12:11 +0200
Subject: [PATCH 3/5] Button primary secondary fix : Comment edit UI updated.
 Cancel now shows as `[Annuler]`, the restore button switches back to
 `[Modifier]`, both strings added to the translation files, primary button
 hover on `<a>` elements is fixed so link hover no longer overrides it and the
 override excludes `.btn-secondary` and `.btn-danger` to keep their intended
 hover behavior

---
 frontend/static/css/base.css             |   2 +-
 frontend/static/scripts/comment-reply.js |   2 +-
 frontend/templates/article_detail.html   |   2 ++
 translations/fr/LC_MESSAGES/messages.mo  | Bin 12556 -> 12591 bytes
 translations/fr/LC_MESSAGES/messages.po  |   4 ++++
 5 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/static/css/base.css b/frontend/static/css/base.css
index 5ded387..959bc7b 100644
--- a/frontend/static/css/base.css
+++ b/frontend/static/css/base.css
@@ -509,7 +509,7 @@ button:hover,
     z-index: var(--z-base);
 }
 
-.btn:hover {
+.btn:hover:not(.btn-secondary):not(.btn-danger) {
     color: var(--on-primary);
 }
 
diff --git a/frontend/static/scripts/comment-reply.js b/frontend/static/scripts/comment-reply.js
index 7fd80e5..f9b8472 100644
--- a/frontend/static/scripts/comment-reply.js
+++ b/frontend/static/scripts/comment-reply.js
@@ -72,7 +72,7 @@
         document.getElementById('comment-form-title').textContent = _t('Editing comment');
 
         restoreButtonText();
-        editToggle.textContent = _t('Cancel');
+        editToggle.textContent = _t('[Cancel]');
         activeMode.type = 'edit';
         activeMode.commentId = commentId;
         activeMode.button = editToggle;
diff --git a/frontend/templates/article_detail.html b/frontend/templates/article_detail.html
index 4f0ef16..d0ebe9d 100644
--- a/frontend/templates/article_detail.html
+++ b/frontend/templates/article_detail.html
@@ -237,6 +237,8 @@ <h4 class="comment-join-title" id="comment-form-title">{{ _('Join the discussion
   'Reply to': _('Reply to'),
   'Editing comment': _('Editing comment'),
   'Cancel': _('Cancel'),
+  '[Cancel]': _('[Cancel]'),
+  '[Edit]': _('[Edit]'),
   'Post Comment': _('Post Comment'),
   'Join the discussion': _('Join the discussion')
 } | tojson | safe }}
diff --git a/translations/fr/LC_MESSAGES/messages.mo b/translations/fr/LC_MESSAGES/messages.mo
index 0aaf385c9031af1815f133d2902740502da8eb17..96e523b314ea4e83479a95623c770d071e445873 100644
GIT binary patch
delta 3157
zcmYk-e{j!r9Ki8+v5nb~ncrsE4BN6r#B?ddu8z*+I2Kcyq~+$y#px>@7m}PSKVl;N
z(pALWrsAwpXdUiSx*ew<==|t}TH5vF`Rx1oqutl%@p-?$pU?aCdcWT9_t*2&-=7{k
z)u!o7fxrFy>*BveF8}-Mk`h8k+FdaR2VpCmimmZ+Y=evNCR~F__&Pe&yO@r<(dQ1M
z<DJA?Lx_b2Zkp4PpBlnFI0(Dqv*-(3kWbjnr2~F~4qT5W@B=o%t5JVL<lktb2`%HM
zBcG7Xr9BS7*2E9@a+6O-DO!OQ=!<Xt_dp0W*p~JobY`cb{<BfL0n_OJ2b*FVFDGLM
zq$~79D{~8yQy76xV4U9*KTP7LJI=%+T#nA{bL11g<<bq$VGB&+%MwgO1D2yDosB-f
z6cg}eG~h<GlH1XQ_M!>bVa$O~bEBroZOFs|EJRB+9sPbj8ejuD(00tgJ$NIYKvpx<
zqlx{DCU7b0Z$uMqMm8g{M;q#IW;40C<_pjO>(LC~MhD!BF3n-IwCB(gUWvZHjwX`G
zOYJZ_awz(K3A)Fop-VUm-7}SGvG`1$q{GrKL0?!MwX2X%*v`cn?ZY1UDH`xBx;GNI
zSh-G-xyWS0P$ai71~ah?o8e;gRIG?`<AYn!-MtGfQ5_D#v*?U7czPoC!7N;iR_aYO
z;c9f?&(Ilug;wHt)V_#T>>3)c5qo1Sm8TqFAi8OWN9|&CzzOJDPem(Gfv)M?sQnCD
z+NEfK7qJhnMT!$@(WN_%CUymxQ}`2^KrFOkhZ(3F`ao~=fdb6Ok(iBh(E#hwnZJs8
zxC1TmNpvEYu@nA<nb?7{db$Q9F~ekZ0+pEH`Cr711207fScwMM5Vg0XGp|My{TQv(
z0W^Ux(USgwzMstcX?t{2XJJ3Q3q4hp$S1tUr4RALUT$*noE?}(`g%L&U^%*0tI%Uu
zgT;6PtyquF@y**8O>ki39q7bHqX~{h1D8eZ1sJm=E4i_R+t8U+qchu!9+UI<!VMw(
zg2W69nU)EyLrYnU1~`JQ`S<8)_zg`kk)z_cEs<3TZP9pn8PWN_gN_k&j6+{oizT=j
zo$*z4Po&ZC#op*liqIL}j|QF+wdbG#=b_^*L<28DH{&LBybrs@Lg>ZK5jw2I?>HD!
zGvocE(EbW!dBc*(Dr`=>8cn1Y4OEW?_z_Lao#*LELMzfPGAHu37&i`7jLx70bFdtT
z;VLAja1<T*GP*RW{0jMlH3T2QyV14Zfj++no$+^QC4NPhssW9Y&@*1iSVwMH){ut=
z9vwL+dSD$I@Ezpca01=Ujc7%3v*H7ez&^Amq5&5pzcJxCv@%ub9(e;ztOnUjv2c`|
zQaUc6Yf_vYKMfC{?d52Ko6!<}glvaUhtB8%rr>pS;6&EbW0rxo$3~W;&&SY;uf#;p
z|5|RE&{2h+`>p7jeSjuV8@0bdXLJUgQ6pN3CX~(N+aEn0Q;}5)^U?P=qVMgD`~p2a
zCozTiA(56dOhY$QKXlU-M^3|GwCABSt-(j}0GdD{b$2Ps(D&w}dt)^w;wE(bZJ31n
zqyB^F|3BdfH#g%?=<!PH8!u5Wv|WG(9*%CF`!E3?ioTzP23&}ico`<+T6Em4XoANu
z6VGFFY>`X-%{ZO<S@JwIP!T%dX!OPLH~=5RLfneZ>}zyW)g#pmm(U5N=f(T`VkYgO
z$XB5hO=uZ9ZcQHbH}Ek!%;+@QK96p;>(PVB`SH!v6I;+<ga#gkDL4sD>|u1R*P)er
z50kMLJ(hJi2ruG5%!-i?zmj1x`o&Y&A9rFAo<V2corNBP6VMk|BUKCsaT;Dl*LFNx
z-vp<i6Pg*dE73%rMiXC#?uo)zqK;~GDGs4)d>SqBHDv72h@O(%UCmQ6S|trHt9Wq6
a?9yG?opaNh-C0rb#OxWBrEA6%?E4o}b1z{4

delta 3124
zcmYM!3uu;A7{KvUb8gP*baUR8x=r1hZf@lboz?J`B5Gza>0&xXFoou&AxVCPmzbJl
zCh8z(CAq*0wVLJyLlPx5nw1k#krk}8*#)gwO8x(SFEqY=zjMy}zUO()bI$u6sMuH$
zyPDo^YvAuV{}1rrt-Zbf|58&!=tZ{^=3_pl;dJbRFJL-WVpm*^Nw^iA>Rrsl-ROOX
z(fQ8d@DO65g+>Pk`g96m3g%-UT!ucd8To|WeD%an(238W37p3S{2>}|iM)v>dOI?)
za|nDwCSN^p0CpjM7(=6ofvIQ(R-zAXzjs3jb=Zym=jh75j>a!U{T9q%{8wy;2|S#F
z$;eR1Kr54r<PwIV3mEHl;)lsJa&Q)w;w$LN8jw#o#aBOU!jAYC&cp<6GGIAc(&y0o
zt1uDQp#e9dm8?M%+J`256k|^O4GsMb`GhW{TY@=gsh&iyzla7{k4{vBeeol_A5SB@
z8P1@IT|^VO5{=(L6a5<}V0t?BH?vuMx#x?}0M%%QJJ1RDp<8npEo~E8!sh7u&uAil
zVt35sVJ$?TABUc?C(tc?20b$s8L{|E7BFCGUq&BzJ?d{lKB0y$SF|5<u^tV00X-YH
z(aNRJ(JW+<p%BR_Jc`*k1Cwzn`c|xr(eTF2=;{6dEzwaNi5JincjoR{*b4{XQnXUr
z(1iD(6Mu@X@EBTwlTrUNTCpF|csKAtjNPT-1bN);p&5$yN1+o=ME80+T7lW<p3aN<
zOVH9*p#fgQ0(=80O86Mvx|3*P&B&U<bz}jt@GlJmrE$`{p(lDnHWuM<9EkJK0M+Qq
z-@-!Ng_ignn)o&BjjfoC$&}T%s{jcVrl1R`z(n8wN*YdFg--A)8eo0YuR&M72TgP@
zTB*;_1dgC3{Rw@(Ei#FH^iX%hVtg2Vt16IB*uqx<@xwkEgR#j0Odx$N!h9^pdwYex
zhIKd@Poot}&x#-3-e`h(=z@yT#73Y2Cq?}Vv=YlPX6ZK2a78=O741e}k4D^dUkKkL
zvBG?ob1xCJgmq|u26V4aqo@Benpi73?`>o^!ar!d3|<}0>r4H|(-_5o53ItOxDH+E
zCG;$`p%0`n=t^?Y6^=mzkBj={Xu#R%eDl%3i_t^42A%Ic%)^F$v3M!2FffXNThWCf
z+41qGk?jnNBiCXF`a97?>d-(Z&;VbdiM60_%}ul-cOyG<67Bax=P8NNa0R0=AE#j%
zRw22BgXqLf=+@jqf2eZ!6<UZz=$>yw@85;4_zScW7tyV{ipKc`tz_uWj}*i*Xc)LS
zvK+l3h6a2ac_ti3PjNF^k@Nxa2?t{V{m0ON3z46c@Df^?wdfgn6HTlZJxd4idEfu@
zG~APtf$_Is0@`1KX1ES5+55;b2=(ZS&ZDo}HFV-uEWt!J*8YgdY3Th6(2_65_P7cY
zeE-+dNMoQH-LoBN0(DXU7`mdf=!%-rN?b=@+uoGV6-`8TC(K2kUyVMuJ#s(#_I!yZ
z-ileo4{bC&Ox?Nads!0sIF`|$jXqF|i*PTRKu_xKR!l;ln~R=}71$ovpcUMJNw_B(
zKY%9KfUzMo&d_kr+pq(68WivMKm!j#56?(U#3|AB8EC-yXo)K^1y`Z-R-*|X!fb3r
z=l=su_|72eZ^<*Lqk(eK35(GOOK})Jg%4phy0Rnap*n#SFMNlt=uR}=wJ;vAKQa`?
zqX|`_^VXtq4;4~>GddLwG@^&?T6E*@=wV7JiYJzf1|EW`ScWDx72WF?TFI@Lf_3O?
zS&t*}TO5HM$%Y@pFxL8eVGa((?O2Lu(Um8&(WCJZ^uZNK^}+$1gO|{~E#>HU#Bq_+
z(FC4F6JCIxg%wf%9drwFKBVE^9z#pph|C!-Vge@D_e$-XR$rD?khx`9$<hA+^HwEA

diff --git a/translations/fr/LC_MESSAGES/messages.po b/translations/fr/LC_MESSAGES/messages.po
index 4404908..4fd1442 100644
--- a/translations/fr/LC_MESSAGES/messages.po
+++ b/translations/fr/LC_MESSAGES/messages.po
@@ -307,6 +307,10 @@ msgstr "Publier le commentaire"
 msgid "Cancel"
 msgstr "Annuler"
 
+#: frontend/templates/article_detail.html:239
+msgid "[Cancel]"
+msgstr "[Annuler]"
+
 #: frontend/templates/article_detail.html:209
 #, python-format
 msgid ""

From bbda7d5d115856d6a03ca05b56fe91a2ff60d039 Mon Sep 17 00:00:00 2001
From: raydeveloppeur-admin <raydeveloppeur@gmail.com>
Date: Sat, 25 Jul 2026 14:22:16 +0200
Subject: [PATCH 4/5] =?UTF-8?q?Button=20primary=20secondary=20fix=20:=20Se?=
 =?UTF-8?q?condary=20button=20styling=20made=20consistent.=20All=20`.btn-s?=
 =?UTF-8?q?econdary`=20buttons=20now=20share=20the=20same=20subtle=20prima?=
 =?UTF-8?q?ry=E2=80=91tinted=20hover,=20the=20dialog=E2=80=91specific=20ov?=
 =?UTF-8?q?erride=20is=20removed,=20the=20account=E2=80=91card=20violet=20?=
 =?UTF-8?q?override=20is=20dropped,=20and=20the=20`.comment-edit-toggle`?=
 =?UTF-8?q?=20hover=20behavior=20is=20aligned=20with=20`.comment-delete-bt?=
 =?UTF-8?q?n`=20for=20a=20uniform=20interaction=20pattern?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/static/css/account.css | 9 ---------
 frontend/static/css/article.css | 4 +++-
 frontend/static/css/base.css    | 8 +-------
 3 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/frontend/static/css/account.css b/frontend/static/css/account.css
index fec81f3..3f5b511 100644
--- a/frontend/static/css/account.css
+++ b/frontend/static/css/account.css
@@ -2,15 +2,6 @@
     max-width: 25rem;
 }
 
-.account-card .btn.btn-secondary {
-    color: var(--primary);
-}
-
-.account-card .btn.btn-secondary:hover {
-    background: color-mix(in srgb, var(--primary) 8%, transparent);
-    border-color: var(--primary);
-}
-
 .account-footer {
     margin-top: var(--spacing-lg);
     text-align: center;
diff --git a/frontend/static/css/article.css b/frontend/static/css/article.css
index e072039..c5f68de 100644
--- a/frontend/static/css/article.css
+++ b/frontend/static/css/article.css
@@ -788,7 +788,9 @@ a.comment-author:hover {
 }
 
 .comment-edit-toggle:hover {
-    text-decoration: underline;
+    background: color-mix(in srgb, var(--primary) 10%, transparent);
+    border-radius: var(--radius-xs);
+    filter: brightness(1.1);
 }
 
 .comment-delete-btn {
diff --git a/frontend/static/css/base.css b/frontend/static/css/base.css
index 959bc7b..afb5860 100644
--- a/frontend/static/css/base.css
+++ b/frontend/static/css/base.css
@@ -520,6 +520,7 @@ button:hover,
 }
 
 .btn-secondary:hover {
+    background: color-mix(in srgb, var(--primary) 8%, transparent);
     border-color: var(--primary);
     filter: brightness(1.15);
 }
@@ -658,13 +659,6 @@ a:focus-visible {
     font-size: var(--font-body-base);
     box-shadow: none;
 }
-.btn-dialog.btn-secondary {
-    color: var(--primary);
-}
-.btn-dialog.btn-secondary:hover {
-    background: color-mix(in srgb, var(--primary) 8%, transparent);
-    border-color: var(--primary);
-}
 .btn-dialog.btn-primary {
     border-color: var(--primary);
 }

From 81ec2f10e687b4f4e1104eca17656fcddc82f044 Mon Sep 17 00:00:00 2001
From: raydeveloppeur-admin <raydeveloppeur@gmail.com>
Date: Sat, 25 Jul 2026 14:37:57 +0200
Subject: [PATCH 5/5] Button primary secondary fix : Email edit button
 alignment corrected. The `.email-edit-btn` now uses `transform:
 translateY(1px)` for proper vertical positioning, and `inline-flex` with
 `align-items: center` ensures the text stays perfectly centered

---
 frontend/static/css/profile.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/static/css/profile.css b/frontend/static/css/profile.css
index d97df0e..2c0b0a9 100644
--- a/frontend/static/css/profile.css
+++ b/frontend/static/css/profile.css
@@ -117,6 +117,9 @@
     font-family: var(--font-mono);
     text-transform: uppercase;
     padding: 0;
+    display: inline-flex;
+    align-items: center;
+    transform: translateY(1px);
 }
 
 .email-edit-btn:hover {