<div style="display: flex; flex-wrap: wrap; white-space: pre-wrap; align-items: center; "><img height="20" width="20" style="border-radius:50%; margin-right: 4px;" decoding="async" src="https://avatars.githubusercontent.com/u/5346620?s=20&v=4" /><strong>mjourdan</strong> left a comment <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6446#issuecomment-3652295272">(openstreetmap/openstreetmap-website#6446)</a></div>
<p dir="auto">Here is an example of a directions form on mobile. The form could slide in from the right when tapping the "directions" icon. It would hide out when tapping the "right pane" icon. Both the form and results would reopen at once when tapping again the "directions" icon. Clearing the results requires to clear either the start or the end field.</p>
<a href="https://github.com/user-attachments/assets/676c4895-f2b0-4822-a6c6-01444c65b87f">image.png (view on web)</a>
<p dir="auto">What do you think?</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/6446#issuecomment-3652295272">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLONUWEPMCG76CN7ZWL4BXPE7AVCNFSM6AAAAACJE7OFICVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTMNJSGI4TKMRXGI">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLOOH77GLA76K5CDXN34BXPE7A5CNFSM6AAAAACJE7OFICWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTWZWGNGQ.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/6446/c3652295272</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/6446#issuecomment-3652295272",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/6446#issuecomment-3652295272",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>