<p>Hi, </p>

<p>This pull request fixes some weird behaviors and bugs, and cleans up the design on the OSM website. There are many small changes here, but nothing too dramatic. I am still getting familiar with the site so it is possible there are unforeseen consequences to some of my changes.</p>

<p>There are likely some things I missed here, ltr adjustments I forgot to make, and possibly some new problems introduced, so it would be great if someone else could give this a look. It's probably not quite ready to be merged.</p>

<p>Most of the changes are small, but there are some big layout things I decided to do differently. They may not necessarily be better in every way, but they do fix some problems with the old layout. I moved away from an absolute-positioned #content divs everywhere. This was causing some weird problems when users scrolled down, <a href="http://cl.ly/image/3l2d402o1e2X">like not showing bottom padding</a>, and <a href="http://cl.ly/image/2i1c441C1X1X">prematurely cutting off the left keyline</a>. Now, the content area is <code>position: relative</code> most of the time, and <code>position: fixed</code> when the full screen map is in place. Using <code>position:fixed</code> on the big map is nice because you can now scroll down to see more sidebar content, <a href="http://cl.ly/image/0f051s0v1E3G">but you won't end up with an ugly block of white space under the map</a>.</p>

<p>Other minor fixes:</p>

<ul>
<li><a href="http://cl.ly/image/3C1K40140Y1Z">No more gap on mini zoom controls</a></li>
<li><a href="http://cl.ly/image/2W3k3Q2p2c3s">Dropdown arrow now actually works across browsers</a></li>
<li>Lots of little spacing adjustments for more consistency</li>
</ul><p>All my changes should work fine in IE down to 7 (at least that's as far as I tested), and the skinny layout has been adjusted to match the site as well. </p>

<hr>

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

<h4>Commit Summary</h4>
<ul>
  <li>design fixes + cleanup.</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li><strong>M</strong> app/assets/images/sprite.png (0)</li>
  <li><strong>M</strong> app/assets/images/sprite.svg (47)</li>
  <li><strong>M</strong> app/assets/stylesheets/common.css.scss (87)</li>
  <li><strong>M</strong> app/assets/stylesheets/large.css (1)</li>
  <li><strong>M</strong> app/assets/stylesheets/ltr.css.scss (16)</li>
  <li><strong>M</strong> app/assets/stylesheets/rtl.css.scss (14)</li>
  <li><strong>M</strong> app/assets/stylesheets/small.css.scss (50)</li>
  <li><strong>M</strong> app/views/browse/_map.html.erb (4)</li>
  <li><strong>M</strong> app/views/layouts/site.html.erb (12)</li>
  <li><strong>M</strong> vendor/assets/openlayers/theme/default/style.css (7)</li>
  <li><strong>M</strong> vendor/assets/openlayers/theme/default/style.mobile.css (2)</li>
</ul>

<h4>Patch Links</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/144.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/144.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/144.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/144.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/144'>view it on GitHub</a>.
            </p>
            <img src='https://github.com/notifications/beacon/uTRSc6ihLa7Shf84BpiOpmLWAu4oQih75mggZl1E8_nI_1mXXhM2yJ549VY36JAx.gif' height='1' width='1'>