Fixed alignment & underlining bugs in Outlook / WinMail

[rails.git] / app / views / layouts / notifier.html.erb

diff --git a/app/views/layouts/notifier.html.erb b/app/views/layouts/notifier.html.erb
index ee9d2d7166841bd7eacaa2b14134ea59f7a8c173..531575beb2087715b429f39401ae309402d31aa7 100644 (file)
--- a/app/views/layouts/notifier.html.erb
+++ b/app/views/layouts/notifier.html.erb
@@ -13,9 +13,10 @@
                   <%= image_tag attachments["logo.png"].url, alt: "OpenStreetMap", title: "OpenStreetMap", height: "30", width: "30", border: "0" %>
                 </a>
               </td>
                   <%= image_tag attachments["logo.png"].url, alt: "OpenStreetMap", title: "OpenStreetMap", height: "30", width: "30", border: "0" %>
                 </a>
               </td>

-              <td style="width: 550px; padding: 0px; text-align: left">
+              <td style="width: 570px; padding: 0px; text-align: left">
+                <%# NB we need "text-decoration: none" twice: GMail only honours it on the <a> but Outlook only on the <strong> %>

                 <a href="<%= @root_url %>" target="_blank" style="text-decoration: none; color: #000">
                 <a href="<%= @root_url %>" target="_blank" style="text-decoration: none; color: #000">

-                  <h1 style="font-size: 18px; font-weight: 600; margin: 0; text-align: left">OpenStreetMap</h1>
+                  <strong style="text-decoration: none; font-size: 18px; font-weight: 600; margin: 0; text-align: left">OpenStreetMap</strong>

                 </a>
               </td>
             </tr>
                 </a>
               </td>
             </tr>