From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 3 Aug 2022 13:02:18 +0000 (+0100)
Subject: Switch reverse_directions link to use a button
X-Git-Tag: live~1554^2
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/08020fff6312c151b71c856aeaa571da2052977d

Switch reverse_directions link to use a button

This makes it keyboard selectable, and also preserves the event
handler.

Refs #3637
---

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 1f80a9b5b..2682af00a 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1288,10 +1288,6 @@ tr.turn:hover {
       vertical-align: middle;
     }
   }
-
-  a.reverse_directions {
-    cursor: pointer;
-  }
 }
 
 /* Rules for user images */
diff --git a/app/views/layouts/_search.html.erb b/app/views/layouts/_search.html.erb
index 24e25076f..922cd4b24 100644
--- a/app/views/layouts/_search.html.erb
+++ b/app/views/layouts/_search.html.erb
@@ -47,7 +47,7 @@
     </div>
     <div class="row gx-2 m-1">
       <div class="col offset-1">
-        <a class="reverse_directions"><%= t("site.search.reverse_directions_text") %></a>
+        <button class="btn btn-sm btn-link reverse_directions"><%= t("site.search.reverse_directions_text") %></a>
       </div>
     </div>