<p dir="auto">"Politically correct" version of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1317041594" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/3620" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/3620/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/3620">#3620</a> where instead of changing css we change javascript. Costs extra wrapper element for each button to utilize Bootstrap's gutters.</p>
<p dir="auto">There's an assumption that small screens are not too small and are able to handle two buttons per row. Handling even smaller screens would require a custom breakpoint. Actually requiring two buttons per row is kind of backwards because we probably want the buttons themselves not to be too small, but this way we avoid providing widths values.</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/3629'>https://github.com/openstreetmap/openstreetmap-website/pull/3629</a></p>
<h4>Commit Summary</h4>
<ul>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3629/commits/0045704a65bf8c41369a85f1221e0678d260cc64" class="commit-link">0045704</a> Put layer selection buttons into bootstrap row to have two cols on smaller screens</li>
</ul>
<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3629/files">2 files</a>)</p>
<ul>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3629/files#diff-87e33ea7d5e625dd851a78a3192719681de20caea8edd278a10f5342585c98e7">app/assets/javascripts/leaflet.layers.js</a>
(6)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3629/files#diff-e86a39e6d0b163f152db8843fc7d647a3f5d648de4a74f1732bef4474b6e5bc8">app/assets/stylesheets/common.scss</a>
(3)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3629.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/3629.patch</a></li>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3629.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/3629.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/3629">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLMI576XD4WPWW45VE3VWASD7ANCNFSM54W22P7Q">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLMKMWIUZRMJJBITO6DVWASD7A5CNFSM54W22P72YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4TUYA5TA.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/3629</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/3629",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3629",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>