<p dir="auto">Avoid setting borders on specific map controls in css.</p>
<p dir="auto">Why do  <code class="notranslate">.control-locate</code>, <code class="notranslate">.control-key</code> etc have their borders/margins altered in css? Because they are first or last buttons in groups, but this is not obvious from looking at css only. Here this is replaced by the code that actually groups controls. Now it's possible to add/regroup/remove controls in index.js without having to set their borders and margins manually.</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/3704'>https://github.com/openstreetmap/openstreetmap-website/pull/3704</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704/commits/12a7c9d023bcca01657e357b2ed28cc6bcd20e06" class="commit-link">12a7c9d</a>  Create osm-specific locate control class</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704/commits/7904b49bb13c23b8c8beb4f5bcf25fa12d8374dd" class="commit-link">7904b49</a>  Group map controls</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704/commits/6acb032d4c5ab6e891a773d4a89dfc53725f9d86" class="commit-link">6acb032</a>  Set borders and spacing for control groups directly in js</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704/commits/3f5c3a9d92b8bd68e7ff0a2d68789fda5b623d97" class="commit-link">3f5c3a9</a>  Specify border/spacing values in stylesheet</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704/files">3 files</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704/files#diff-cdc070ced1c4000efd1e28357fd26b2fd617d7fccfeae0324222231db75dd6ee">app/assets/javascripts/index.js</a>
    (99)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704/files#diff-ef904513ab8e3a540684b17be0d864902b298358d2785884b21db95d675e7d08">app/assets/javascripts/leaflet.locate.js</a>
    (26)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704/files#diff-e86a39e6d0b163f152db8843fc7d647a3f5d648de4a74f1732bef4474b6e5bc8">app/assets/stylesheets/common.scss</a>
    (28)
  </li>
</ul>

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

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3704">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLI2AMNUJINLNX5FAGLV7CIJ5ANCNFSM6AAAAAAQQIS5C4">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLIKBOGQ5WNL5V5M6Y3V7CIJ5A5CNFSM6AAAAAAQQIS5C6WGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHFEJPVCI.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/3704</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/3704",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3704",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>