<p>Made a quick mockup.</p>

<p>this is what it looks on mobile:<br>
<a href="https://cloud.githubusercontent.com/assets/842548/5166378/aa6ec460-73ef-11e4-8785-e8c6dcbf8d96.png" target="_blank"><img src="https://cloud.githubusercontent.com/assets/842548/5166378/aa6ec460-73ef-11e4-8785-e8c6dcbf8d96.png" alt="mobile" style="max-width:100%;"></a></p>

<p>this is what it looks on desktop:<br>
<a href="https://cloud.githubusercontent.com/assets/842548/5166379/aa895c62-73ef-11e4-9966-e1f264d5252a.png" target="_blank"><img src="https://cloud.githubusercontent.com/assets/842548/5166379/aa895c62-73ef-11e4-9966-e1f264d5252a.png" alt="desktop" style="max-width:100%;"></a></p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href="https://github.com/openstreetmap/openstreetmap-website/issues/844#issuecomment-64201960">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLUnvz_Vd-BKTlmq1bqhm3lRFMAynks5nQzo-gaJpZM4C_0lZ.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/issues/844#issuecomment-64201960"></link>
    <meta itemprop="name" content="View Issue"></meta>
  </div>
  <meta itemprop="description" content="View this Issue on GitHub"></meta>
</div>