<p dir="auto"><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3620" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/3620/hovercard">Originally</a> I wanted smaller buttons but that's not easy to do if I'm not allowed to check their widths. Then let's at least not have overly wide buttons when the screen is about 700px wide.</p>
<p dir="auto">Before:<br>
<a href="https://github.com/openstreetmap/openstreetmap-website/assets/4158490/8ed26af6-5e74-4d6c-9192-99b7fce2c2fb">image.png (view on web)</a></p>
<p dir="auto">After:<br>
<a href="https://github.com/openstreetmap/openstreetmap-website/assets/4158490/143cda67-3783-49e5-beb6-a27b5f74e953">image.png (view on web)</a></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/4760'>https://github.com/openstreetmap/openstreetmap-website/pull/4760</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4760/commits/8db121c851540016fe7f372bbdb8ffff959db50a" class="commit-link">8db121c</a>  Have two columns for layer buttons between small and medium screen widths</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4760/files">2 files</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4760/files#diff-87e33ea7d5e625dd851a78a3192719681de20caea8edd278a10f5342585c98e7">app/assets/javascripts/leaflet.layers.js</a>
    (11)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4760/files#diff-e86a39e6d0b163f152db8843fc7d647a3f5d648de4a74f1732bef4474b6e5bc8">app/assets/stylesheets/common.scss</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4760.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/4760.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4760.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/4760.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/4760">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLIL4NW6DX33IFNSIY3ZA52BTAVCNFSM6AAAAABHI6NZS6VHI2DSMVQWIX3LMV43ASLTON2WKOZSGI4DANZXGY4DQMI">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLOU2YP4Z2L7MFCSJZDZA52BTA5CNFSM6AAAAABHI6NZS6WGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHIP4PEWE.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/4760</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/4760",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4760",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>