<p></p>
<p dir="auto">Dear <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/tomhughes/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/tomhughes">@tomhughes</a> ,</p>
<p dir="auto">Regarding using mb-2 vs mb-3 .. When looking at distances between "Log in with Microsoft" and dividing line and dividing line and "Email Address and Username", they look more similar when using mb-2 than when using mb-3. Please, take a look at below screenshots (I can quickly switch to mb-3 if you prefer?):</p>
<p dir="auto">mb-2:<br>
<a href="https://github.com/openstreetmap/openstreetmap-website/assets/25298521/105ad5b9-546e-4d9c-a031-a76e93151b0d">image.png (view on web)</a><br>
mb-3:<br>
<a href="https://github.com/openstreetmap/openstreetmap-website/assets/25298521/99b06365-3db2-4fde-b126-376ab6fdcd58">image.png (view on web)</a></p>
<p dir="auto">Regarding problems with aligning lines with the middle of the "or" text .. I moved mb-2 to upper div, and this returned us to previous alignment. The problem with making this alignment perfect is browser's layout manager uses bounding box of uppercase of the "or" label, not the lowercase (doesn't respect kerning properties). I can fix it by setting a margin, but it will create a problem again if user selects a language with big glyphs (?locale=kn, ..) or switch to uppercase "OR", but it wouldn't look so nice again .. Please, let me know if you have any other idea?</p>
<p dir="auto">Btw, I'm constantly getting for one- or two-lines changes failing checks (yesterday, Docker, today, Tests / Ubuntu ... Ruby 3.0). Do you have ideas why do they happen or how to mitigate them?</p>
<p dir="auto">Thanks,<br>
Nenad.</p>

<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/4857#issuecomment-2139254569">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLO73U7PY3QNBPIKLA3ZE35SLAVCNFSM6AAAAABIOSRRG6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMZZGI2TINJWHE">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLLMXNZ5KFQF5JWE42TZE35SLA5CNFSM6AAAAABIOSRRG6WGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTT7QJXSS.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/4857/c2139254569</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/4857#issuecomment-2139254569",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4857#issuecomment-2139254569",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>