<p dir="auto">Currently auth buttons have horizontal margins that create horizontal gaps and nothing to create vertical gaps. It's easier to set the gap class on their flex container and get gaps in both directions.</p>
<p dir="auto">Before/after:<br>
<a href="https://github.com/openstreetmap/openstreetmap-website/assets/4158490/c5af4ebc-cddd-4ed6-805f-106777fc3152">image.png (view on web)</a> <a href="https://github.com/openstreetmap/openstreetmap-website/assets/4158490/2df3a10c-71e8-4d17-9d78-835b24433f12">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/4962'>https://github.com/openstreetmap/openstreetmap-website/pull/4962</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4962/commits/8ddc48a86fa23205bb225050a253a5c0acc222f3" class="commit-link">8ddc48a</a>  Use flex gap instead of margins on auth buttons</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4962/files">2 files</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4962/files#diff-b4fc005393d27baeb208c32dfc3bd576364fa35e6d76a69ea8b99da62616f80e">app/helpers/user_helper.rb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4962/files#diff-5a9b0e7aa9d3862ba8103db51b8b44b6e392cb43f22bba850bf95e0be7b53e4f">app/views/application/_auth_providers.html.erb</a>
    (6)
  </li>
</ul>

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