<p>I've fixed it to stop the js interfering with the small view, but making the switch to the small view dynamic will be a lot more work because that's a whole style sheet full of changes selected by a media query on the link tag that loads it.</p>

<p>Probably we would need to do away with that and tie everything to a class on the body that can be changed by javascript to select the three modes.</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/1014#issuecomment-123836733">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLfUNN9LiLJ0ub8hFCIGx5cCpWF-Jks5of-cHgaJpZM4Fdljg.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/1014#issuecomment-123836733"></link>
    <meta itemprop="name" content="View Issue"></meta>
  </div>
  <meta itemprop="description" content="View this Issue on GitHub"></meta>
</div>