From dcdaa8d338ed10c0d9ef64eb02bf1e854fc64c16 Mon Sep 17 00:00:00 2001
From: Maciej Pienczyn <maciej.pienczyn@inpi.pl>
Date: Tue, 14 Apr 2026 14:04:38 +0200
Subject: [PATCH] fix(emails): solid background fallback for CTA buttons
 (Outlook fix)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Forum reply, @mention and classifieds notification emails used
`background: linear-gradient(...)` for the primary CTA button. Outlook
desktop strips background-image gradients, leaving the white-on-white
text effectively invisible. Added background-color as the first
declaration so Outlook keeps a solid dark-blue button while modern
clients still render the gradient.

Reported by Maciej Koenig: forum reply email appeared to lack the
'Zobacz odpowiedź' link.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 utils/notifications.py | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/utils/notifications.py b/utils/notifications.py
index 9bfb5db..3d5cf9b 100644
--- a/utils/notifications.py
+++ b/utils/notifications.py
@@ -314,7 +314,7 @@ Norda Biznes Partner - https://nordabiznes.pl
 
     <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
     <tr><td align="center" style="padding: 8px 0;">
-        <a href="{topic_url}" style="display:inline-block; padding:16px 40px; background: linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz odpowiedź &rarr;</a>
+        <a href="{topic_url}" style="display:inline-block; padding:16px 40px; background-color:#1e3a8a; background:#1e3a8a; background-image:linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz odpowiedź &rarr;</a>
     </td></tr>
     <tr><td align="center" style="padding: 8px 0;">
         <a href="{unsubscribe_url}" style="color:#94a3b8; font-size:13px; text-decoration:none;">Przestań obserwować ten wątek</a>
@@ -426,7 +426,7 @@ Norda Biznes Partner - https://nordabiznes.pl
 
     <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
     <tr><td align="center" style="padding: 8px 0;">
-        <a href="{classified_url}" style="display:inline-block; padding:16px 40px; background: linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz pytanie i odpowiedz &rarr;</a>
+        <a href="{classified_url}" style="display:inline-block; padding:16px 40px; background-color:#1e3a8a; background:#1e3a8a; background-image:linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz pytanie i odpowiedz &rarr;</a>
     </td></tr>
     </table>'''
 
@@ -488,7 +488,7 @@ Norda Biznes Partner - https://nordabiznes.pl
 
     <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
     <tr><td align="center" style="padding: 8px 0;">
-        <a href="{classified_url}" style="display:inline-block; padding:16px 40px; background: linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz odpowiedź &rarr;</a>
+        <a href="{classified_url}" style="display:inline-block; padding:16px 40px; background-color:#1e3a8a; background:#1e3a8a; background-image:linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz odpowiedź &rarr;</a>
     </td></tr>
     </table>'''
 
@@ -661,7 +661,7 @@ Norda Biznes Partner - https://nordabiznes.pl
 
     <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
     <tr><td align="center" style="padding: 8px 0;">
-        <a href="{full_url}" style="display:inline-block; padding:16px 40px; background: linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz na forum &rarr;</a>
+        <a href="{full_url}" style="display:inline-block; padding:16px 40px; background-color:#1e3a8a; background:#1e3a8a; background-image:linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz na forum &rarr;</a>
     </td></tr>
     </table>'''
                     body_html = _email_v3_wrap('Wspomniano o Tobie', 'Norda Biznes Partner', html_content)