<p>A few tweaks to the HTML/CSS code of the email notifications to make messages more responsive on narrow displays, which should improve the viewing experience on mobile. Also a handful of minor tweaks to fonts.</p>
<p>There are no changes to content, only implementation.</p>
<p><a href="https://wiki.openstreetmap.org/wiki/Dressed-up_Notification_Mails">https://wiki.openstreetmap.org/wiki/Dressed-up_Notification_Mails</a> is up to date with screenshots of what this PR produces.</p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/1436'>https://github.com/openstreetmap/openstreetmap-website/pull/1436</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>Tweak cell width for proper centering on narrow screens</li>
  <li>Force the font on every <p> tag</li>
  <li>Removed italic styling on message body</li>
  <li>Fix title alignment in Outlook/WindowsMail</li>
  <li>Use the same fonts for the footer text as for the rest of the mail</li>
  <li>Better alt text for the logo</li>
  <li>Even out the widths of the white bars around the message box</li>
  <li>Avoid squished-up grey borders around the message on narrow screens</li>
  <li>Fixed alignment & underlining bugs in Outlook / WinMail</li>
  <li>Make the mails squeezable on narrow screens</li>
  <li>Set font on title</li>
  <li>Remove nowrap on footer text, to accommodate narrow screens</li>
  <li>Two more "nowrap" instructions removed to accommodate narrower displays</li>
  <li>A better way to contrain the width of the message box whilst also allowing it to shrink on narrow displays</li>
  <li>merging master into html-mail-fixes</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1436/files#diff-0">app/helpers/notifier_helper.rb</a>
    (15)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1436/files#diff-1">app/views/layouts/notifier.html.erb</a>
    (17)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1436/files#diff-2">app/views/notifier/_message_body.html.erb</a>
    (6)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1436/files#diff-3">app/views/notifier/changeset_comment_notification.html.erb</a>
    (4)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1436/files#diff-4">app/views/notifier/email_confirm.html.erb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1436/files#diff-5">app/views/notifier/signup_confirm.html.erb</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/1436.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/1436.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/1436.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/1436.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1436">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/ABWnLS1ywdhq34lJxM7dBZUnIkRWVJkBks5rb3eygaJpZM4L-nvT">mute the thread</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLSmqwRqJVhdINNSYOKD5g-OcMA3Bks5rb3eygaJpZM4L-nvT.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
<div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
  <link itemprop="url" href="https://github.com/openstreetmap/openstreetmap-website/pull/1436"></link>
  <meta itemprop="name" content="View Pull Request"></meta>
</div>
<meta itemprop="description" content="View this Pull Request on GitHub"></meta>
</div>

<script type="application/json" data-scope="inboxmarkup">{"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/openstreetmap/openstreetmap-website","title":"openstreetmap/openstreetmap-website","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/openstreetmap/openstreetmap-website"}},"updates":{"snippets":[{"icon":"DESCRIPTION","message":"Responsive HTML mails (#1436)"}],"action":{"name":"View Pull Request","url":"https://github.com/openstreetmap/openstreetmap-website/pull/1436"}}}</script>