From 484a388b6264d183fcf9a207cc4a11b8be83f5d3 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sun, 26 Apr 2026 12:17:51 +0200
Subject: [PATCH] fix: prevent grey bar when webmail blocks watermark image

Remove width/height HTML attributes and add border:0;outline:none to
the watermark img tag so broken-image placeholders collapse gracefully
when email clients block remote images.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/main/resources/email-templates/forgot-password.html | 2 +-
 src/main/resources/email-templates/generic.html         | 2 +-
 src/main/resources/email-templates/register.html        | 2 +-
 src/main/resources/email-templates/sign-in.html         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/main/resources/email-templates/forgot-password.html b/src/main/resources/email-templates/forgot-password.html
index 6fd17ab..1eec35a 100644
--- a/src/main/resources/email-templates/forgot-password.html
+++ b/src/main/resources/email-templates/forgot-password.html
@@ -3,7 +3,7 @@
     <span style="font-size:22px;font-weight:700;color:#ffffff;letter-spacing:0.5px;">Cameleer.io</span>
   </div>
   <div style="padding:32px 24px 24px;position:relative;overflow:hidden;">
-    <img src="{{watermarkUrl}}" width="320" height="320" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;" alt="" />
+    <img src="{{watermarkUrl}}" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;border:0;outline:none;" alt="" />
     <div style="position:relative;">
       <p style="color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px;">Lost in the dunes?</p>
       <p style="color:#444;font-size:14px;line-height:1.6;margin:0 0 24px;">No worries — enter this code to reset your password and get back on the trail.</p>
diff --git a/src/main/resources/email-templates/generic.html b/src/main/resources/email-templates/generic.html
index 8a929e0..83958e4 100644
--- a/src/main/resources/email-templates/generic.html
+++ b/src/main/resources/email-templates/generic.html
@@ -3,7 +3,7 @@
     <span style="font-size:22px;font-weight:700;color:#ffffff;letter-spacing:0.5px;">Cameleer.io</span>
   </div>
   <div style="padding:32px 24px 24px;position:relative;overflow:hidden;">
-    <img src="{{watermarkUrl}}" width="320" height="320" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;" alt="" />
+    <img src="{{watermarkUrl}}" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;border:0;outline:none;" alt="" />
     <div style="position:relative;">
       <p style="color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px;">Quick checkpoint</p>
       <p style="color:#444;font-size:14px;line-height:1.6;margin:0 0 24px;">Here's your verification code. Just making sure it's really you at the reins.</p>
diff --git a/src/main/resources/email-templates/register.html b/src/main/resources/email-templates/register.html
index a46b3a0..9b9b315 100644
--- a/src/main/resources/email-templates/register.html
+++ b/src/main/resources/email-templates/register.html
@@ -3,7 +3,7 @@
     <span style="font-size:22px;font-weight:700;color:#ffffff;letter-spacing:0.5px;">Cameleer.io</span>
   </div>
   <div style="padding:32px 24px 24px;position:relative;overflow:hidden;">
-    <img src="{{watermarkUrl}}" width="320" height="320" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;" alt="" />
+    <img src="{{watermarkUrl}}" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;border:0;outline:none;" alt="" />
     <div style="position:relative;">
       <p style="color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px;">Welcome to the caravan!</p>
       <p style="color:#444;font-size:14px;line-height:1.6;margin:0 0 24px;">Enter this code to verify your email and claim your spot. The dunes wait for no one.</p>
diff --git a/src/main/resources/email-templates/sign-in.html b/src/main/resources/email-templates/sign-in.html
index aa0588c..109afd8 100644
--- a/src/main/resources/email-templates/sign-in.html
+++ b/src/main/resources/email-templates/sign-in.html
@@ -3,7 +3,7 @@
     <span style="font-size:22px;font-weight:700;color:#ffffff;letter-spacing:0.5px;">Cameleer.io</span>
   </div>
   <div style="padding:32px 24px 24px;position:relative;overflow:hidden;">
-    <img src="{{watermarkUrl}}" width="320" height="320" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;" alt="" />
+    <img src="{{watermarkUrl}}" style="position:absolute;top:-30px;right:-50px;width:320px;height:320px;opacity:0.07;pointer-events:none;border:0;outline:none;" alt="" />
     <div style="position:relative;">
       <p style="color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px;">Back at the oasis already?</p>
       <p style="color:#444;font-size:14px;line-height:1.6;margin:0 0 24px;">Here's your sign-in code. The caravan master is checking credentials.</p>