From ec65b52b261ffd11ca7d2e9138a75c98fa2403b1 Mon Sep 17 00:00:00 2001
From: Klaas van Schelven <klaas@vanschelven.com>
Date: Mon, 15 Jan 2024 23:25:58 +0100
Subject: [PATCH] Email layout: margins; cyan

---
 alerts/templates/alerts/new_issue.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/alerts/templates/alerts/new_issue.html b/alerts/templates/alerts/new_issue.html
index b9f7d9e..46a32d7 100644
--- a/alerts/templates/alerts/new_issue.html
+++ b/alerts/templates/alerts/new_issue.html
@@ -476,8 +476,9 @@
                       <div class="f-fallback">
                         <h1 style="margin-top: 0; color: #333333; font-size: 22px; font-weight: bold; text-align: left;" align="left">{{ issue_title }}</h1>
 
-                        <p style="font-size: 16px; line-height: 1.625; color: #51545E; margin: 1.1875em 0 1.1875em;"><i>This is a new issue</i>
-                          <br /> Project: {{ project_name }}</p>
+                        <p style="font-size: 16px; line-height: 1.625; color: #51545E; margin: 1.1875em 0 1.1875em;">
+                            This is a <strong>NEW</strong> issue on project <strong>"{{ project_name }}"</strong>.
+                        </p>
 
                         <!-- Action -->
                         <table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; -premailer-width: 100%; -premailer-cellpadding: 0; -premailer-cellspacing: 0; text-align: center; margin: 30px auto; padding: 0;">
@@ -488,7 +489,7 @@
                               <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
                                 <tr>
                                   <td align="center" style="word-break: break-word; font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
-                                    <a href="{{ issue_url }}" class="f-fallback button button--green" target="_blank" style="color: #FFF; background-color: #22BC66; display: inline-block; text-decoration: none; border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -webkit-text-size-adjust: none; box-sizing: border-box; border-color: #22BC66; border-style: solid; border-width: 10px 18px;">View on Bugsink</a>
+                                    <a href="{{ issue_url }}" class="f-fallback button button--green" target="_blank" style="color: #51545E; background-color: #A5F3FC; display: inline-block; text-decoration: none; border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -webkit-text-size-adjust: none; box-sizing: border-box; border-color: #A5F3FC; border-style: solid; border-width: 10px 18px;"><b>View on Bugsink</b></a>
                                   </td>
                                 </tr>
                               </table>
@@ -500,7 +501,7 @@
                           <tr>
                             <td style="word-break: break-word; font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
                               <p class="f-fallback sub" style="font-size: 13px; line-height: 1.625; color: #51545E; margin: .4em 0 1.1875em;">If you’re having trouble with the button above, copy and paste the URL below into your web browser.</p>
-                              <p class="f-fallback sub" style="font-size: 13px; line-height: 1.625; color: #51545E; margin: .4em 0 1.1875em;">{{ issue_url }}</p>
+                              <p class="f-fallback sub" style="font-size: 13px; line-height: 1.625; color: #51545E; margin: .4em 0 0;">{{ issue_url }}</p>
                             </td>
                           </tr>
                         </table>