From 172a6a12d34428392238b09e2307b2224e9a5b77 Mon Sep 17 00:00:00 2001
From: "bert.hausmans" <bert@hausmans.nl>
Date: Mon, 13 Apr 2026 23:18:57 +0200
Subject: [PATCH] feat(mail): improve email template header and button styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Show logo or organisation name (not both), increase logo max-width to
250px, and add » to portal action buttons.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 api/resources/views/mail/layouts/crewli.blade.php          | 7 ++++---
 api/resources/views/mail/registration-approved.blade.php   | 2 +-
 .../views/mail/registration-confirmation.blade.php         | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/api/resources/views/mail/layouts/crewli.blade.php b/api/resources/views/mail/layouts/crewli.blade.php
index b705d54e..9a829fae 100644
--- a/api/resources/views/mail/layouts/crewli.blade.php
+++ b/api/resources/views/mail/layouts/crewli.blade.php
@@ -15,13 +15,14 @@
                         <td style="height: 4px; background-color: {{ $branding['primary_color'] }};"></td>
                     </tr>
 
-                    {{-- Header: logo + org name --}}
+                    {{-- Header: logo or org name --}}
                     <tr>
                         <td align="center" style="padding: 32px 40px 24px;">
                             @if($branding['logo_url'])
-                                <img src="{{ $branding['logo_url'] }}" alt="{{ $branding['organisation_name'] }}" style="max-height: 60px; max-width: 200px; display: block; margin-bottom: 12px;">
+                                <img src="{{ $branding['logo_url'] }}" alt="{{ $branding['organisation_name'] }}" style="max-height: 60px; max-width: 250px; display: block;">
+                            @else
+                                <p style="margin: 0; font-size: 20px; color: #1f2937; font-weight: 700;">{{ $branding['organisation_name'] }}</p>
                             @endif
-                            <p style="margin: 0; font-size: 15px; color: #6b7280; font-weight: 500;">{{ $branding['organisation_name'] }}</p>
                         </td>
                     </tr>
 
diff --git a/api/resources/views/mail/registration-approved.blade.php b/api/resources/views/mail/registration-approved.blade.php
index e61e307b..985de88c 100644
--- a/api/resources/views/mail/registration-approved.blade.php
+++ b/api/resources/views/mail/registration-approved.blade.php
@@ -13,5 +13,5 @@
 @endsection
 
 @section('action')
-    <a href="{{ $portalUrl }}" style="display: inline-block; padding: 12px 24px; background-color: {{ $branding['primary_color'] }}; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 600;">Naar het portaal</a>
+    <a href="{{ $portalUrl }}" style="display: inline-block; padding: 12px 24px; background-color: {{ $branding['primary_color'] }}; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 600;">Naar het portaal &raquo;</a>
 @endsection
diff --git a/api/resources/views/mail/registration-confirmation.blade.php b/api/resources/views/mail/registration-confirmation.blade.php
index f1475a91..8caa6c2c 100644
--- a/api/resources/views/mail/registration-confirmation.blade.php
+++ b/api/resources/views/mail/registration-confirmation.blade.php
@@ -20,5 +20,5 @@
 @endsection
 
 @section('action')
-    <a href="{{ $portalUrl }}" style="display: inline-block; padding: 12px 24px; background-color: {{ $branding['primary_color'] }}; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 600;">Naar het portaal</a>
+    <a href="{{ $portalUrl }}" style="display: inline-block; padding: 12px 24px; background-color: {{ $branding['primary_color'] }}; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 600;">Naar het portaal &raquo;</a>
 @endsection