<p><span class="issue-keyword tooltipped tooltipped-se" aria-label="This pull request closes issue #3075.">Resolves</span> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="796182929" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/3075" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/3075/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/3075">#3075</a></p>
<p>Depending on the current language, the buttons for closing and commenting on notes may overflow resulting in no spacing between the buttons. This change improves accessibility as it allows the user to easily distinguish between the two buttons and it reduces accidental presses on the wrong button.</p>
<p>Example of the issue:<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/57260466/106171418-ccdb2c00-6191-11eb-8636-e4b9de686745.png"><img src="https://user-images.githubusercontent.com/57260466/106171418-ccdb2c00-6191-11eb-8636-e4b9de686745.png" alt="before image" style="max-width:100%;"></a></p>
<p>Example after the fix:<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/32040254/107301376-3b40a980-6a30-11eb-9473-65a00de4420e.png"><img src="https://user-images.githubusercontent.com/32040254/107301376-3b40a980-6a30-11eb-9473-65a00de4420e.png" alt="after image" style="max-width:100%;"></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/3091'>https://github.com/openstreetmap/openstreetmap-website/pull/3091</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>Fix unexpected spacing on note buttons when overflowed</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3091/files#diff-c90a6599296c0b71654cb5f0bb5c8166da6fc66966056e39ff0e4f967233a8ea">app/views/browse/note.html.erb</a>
    (10)
  </li>
</ul>

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

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