X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/7b37f4cb62fca5fec3d3d41eacf4601595519c4a..e89a78fff858d5db07f6959a39dd9655dc46008e:/app/views/geocoder/results.html.erb

diff --git a/app/views/geocoder/results.html.erb b/app/views/geocoder/results.html.erb
index b4bbdc267..05d7d5d63 100644
--- a/app/views/geocoder/results.html.erb
+++ b/app/views/geocoder/results.html.erb
@@ -1,17 +1,23 @@
 <% if @results.empty? %>
-  <p class="search_results_entry"><%= t 'geocoder.results.no_results' %></p>
+  <ul class="list-group list-group-flush">
+    <li class="list-group-item">
+      <%= t ".no_results" %>
+    </li>
+  </ul>
 <% else %>
-  <% @results.each do |result| %>
-    <p class="search_results_entry"><%= result_to_html(result) %></p>
-  <% end %>
+  <ul class='results-list list-group list-group-flush'>
+    <% @results.each do |result| %>
+      <li class="list-group-item list-group-item-action search_results_entry"><%= result_to_html(result) %></li>
+    <% end %>
+  </ul>
   <% if @more_params %>
-    <div id="search_more_<%= @more_params.hash %>">
-      <p class="search_results_entry"><%=
-        link_to_function(t('geocoder.results.more_results')) do |page|
-          page.replace_html "search_more_#{@more_params.hash}", image_tag("searching.gif", :class => "search_searching")
-          page << remote_function(:update => "search_more_#{@more_params.hash}", :url => raw(url_for(@more_params)))
-        end
-      %></p>
+    <div class="search_more text-center my-3">
+      <%= link_to t(".more_results"), url_for(@more_params), :class => "btn btn-primary" %>
+      <div class="text-center loader">
+        <div class="spinner-border" role="status">
+          <span class="visually-hidden"><%= t("browse.start_rjs.loading") %></span>
+        </div>
+      </div>
     </div>
   <% end %>
 <% end %>