<p>but with sprites and simplification.</p>

<p><a target="_blank" href="https://a248.e.akamai.net/camo.github.com/dc4f286eaa890876f12ce058b23ca957931eaa31/687474703a2f2f646c2e64726f70626f782e636f6d2f752f36383035392f53637265656e73686f74732f7a626c5f693769346e642d632e706e67"><img src="https://a248.e.akamai.net/camo.github.com/dc4f286eaa890876f12ce058b23ca957931eaa31/687474703a2f2f646c2e64726f70626f782e636f6d2f752f36383035392f53637265656e73686f74732f7a626c5f693769346e642d632e706e67" alt="" style="max-width:100%;"></a></p>

<p>Works properly with small.css, cross-browser tested.</p>

<hr>

<h4>You can merge this Pull Request by running:</h4>
<pre>  git pull https://github.com/tmcw/openstreetmap-website pan-zoom</pre>
<p>Or view, comment on, or merge it at:</p>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/62'>https://github.com/openstreetmap/openstreetmap-website/pull/62</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>Styling a new SimplePanZoom control, similar to the old one</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li><strong>M</strong> app/assets/javascripts/map.js.erb (2)</li>
  <li><strong>M</strong> app/assets/javascripts/openlayers.js.erb (1)</li>
  <li><strong>A</strong> app/assets/openlayers/SimplePanZoom.js (362)</li>
  <li><strong>A</strong> app/assets/openlayers/theme/openstreetmap/SimpleZoomPan.css.scss (76)</li>
  <li><strong>A</strong> app/assets/openlayers/theme/openstreetmap/img/map_sprite.png (0)</li>
  <li><strong>M</strong> app/assets/openlayers/theme/openstreetmap/style.css.scss (1)</li>
  <li><strong>M</strong> app/assets/stylesheets/small.css.scss (2)</li>
</ul>

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


            <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/pull/62'>view it on GitHub</a>.
            </p>
            <img src='https://github.com/notifications/beacon/uTRSc6ihLa7Shf84BpiOpmLWAu4oQih75mggZl1E8_kYXvUSCN_V_fa-HXx36Ct4.gif' height='1' width='1'>