[openstreetmap/openstreetmap-website] Replace differently sized direction icon arrows with a marker (PR #5866)

[Marwin Hochfelsner]

### Description
The way the directions icons are currently drawn, the diagonal arrows are a fair bit smaller than the arrows in cardinal directions. The size stays consistent when the arrows are instead drawn with a marker.
Compare the icons in this chart, where the old icon is red, the new one green, and the overlap yellow:
![routing sprite icons](https://github.com/user-attachments/assets/decd293a-1259-4866-9b21-d52a19dee93f)
This requires the SVG element to be visible, so d-none was swapped.

### How has this been tested?
in-browser

You can view, comment on, or merge this pull request online at:

  https://github.com/openstreetmap/openstreetmap-website/pull/5866

-- Commit Summary --

  * Replace differently sized arrows with a marker

-- File Changes --

    M app/views/directions/search.html.erb (29)

-- Patch Links --

https://github.com/openstreetmap/openstreetmap-website/pull/5866.patch
https://github.com/openstreetmap/openstreetmap-website/pull/5866.diff

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/5866
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/5866 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20250330/2559dca5/attachment.htm>