From a7539c45d2bc180144a89f4c393977bbdb352c28 Mon Sep 17 00:00:00 2001
From: Marwin Hochfelsner <50826859+hlfan@users.noreply.github.com>
Date: Sat, 28 Mar 2026 16:20:58 +0000
Subject: [PATCH] Replace reverse_directions icon

---
 app/assets/images/search/reverse_directions.svg | 4 ----
 app/assets/stylesheets/common.scss              | 3 +++
 app/views/layouts/_search.html.erb              | 4 ++--
 3 files changed, 5 insertions(+), 6 deletions(-)
 delete mode 100644 app/assets/images/search/reverse_directions.svg

diff --git a/app/assets/images/search/reverse_directions.svg b/app/assets/images/search/reverse_directions.svg
deleted file mode 100644
index 99ce94762..000000000
--- a/app/assets/images/search/reverse_directions.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="-11 -11 22 22" fill="none" stroke="currentColor" stroke-width="2">
-  <path d="m-4 -2 0 10 m-4 -4 4 4 4 -4" />
-  <path d="m4 2 0 -10 m4 4 -4 -4 -4 4" />
-</svg>
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index ebe06a7a1..1ecc5bb1d 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -484,6 +484,9 @@ legend {
 
 .directions_form {
   display: none;
+  .reverse_directions {
+    border-color: transparent;
+  }
 }
 
 .search_form {
diff --git a/app/views/layouts/_search.html.erb b/app/views/layouts/_search.html.erb
index af9143818..8a5cfad76 100644
--- a/app/views/layouts/_search.html.erb
+++ b/app/views/layouts/_search.html.erb
@@ -68,9 +68,9 @@
             <%= text_field_tag "route_to", params[:to], :placeholder => t("site.search.to"), :autocomplete => "on", :class => "form-control py-1 px-2 ps-4", :dir => "auto" %>
           </div>
         </div>
-        <%= button_tag inline_svg_tag("search/reverse_directions.svg", :class => "d-block"),
+        <%= button_tag tag.i(:class => "bi bi-arrow-down-up d-flex fs-5", :aria => { :hidden => "true" }),
                        :type => "button",
-                       :class => "reverse_directions btn btn-outline-secondary border-0 p-1",
+                       :class => "reverse_directions btn btn-outline-secondary p-1",
                        :title => t("site.search.reverse_directions_text") %>
       </div>
     </div>
-- 
2.39.5