Merge pull request #3666 from AntonKhorev/flex-close-buttons

Position close buttons with flexbox

diff --combined app/views/layouts/_search.html.erb
index 47e9ad5578871314d957afe5ed6125af067a28aa,24b0885047dd709e1a2f0e1aeae439941ba15eeb..9ce1265b412828f45040be2f7d8ad9b6c988d3bf
--- 1/app/views/layouts/_search.html.erb
--- 2/app/views/layouts/_search.html.erb
+++ b/app/views/layouts/_search.html.erb
@@@ -19,7 -19,7 +19,7 @@@
    </form>
  
    <form method="GET" action="<%= directions_path %>" class="directions_form pb-3">
-     <div class="clearfix px-3 py-3"><button type="button" class="btn-close float-end"></button></div>
+     <div class="d-flex flex-row-reverse px-3 py-3"><button type="button" class="btn-close"></button></div>
  
      <div class="row gx-2 m-1">
        <div class="col-1">
@@@ -47,7 -47,7 +47,7 @@@
      </div>
      <div class="row gx-2 m-1">
        <div class="col offset-1">
 -        <button class="btn btn-sm btn-link reverse_directions"><%= t("site.search.reverse_directions_text") %></a>
 +        <button class="btn btn-sm btn-link reverse_directions"><%= t("site.search.reverse_directions_text") %></button>
        </div>
      </div>