Refactor About header to use bootstrap and flex

[rails.git] / app / views / browse / query.html.erb

diff --git a/app/views/browse/query.html.erb b/app/views/browse/query.html.erb
index 62ab94efd7987ebc1e6ad2fb5018dd55e3d22034..53eca97477b424b0e98a1829f81f36aff60d73a3 100644 (file)
--- a/app/views/browse/query.html.erb
+++ b/app/views/browse/query.html.erb
@@ -1,22 +1,23 @@
-<% set_title(t "browse.query.title") %>
+<% set_title(t(".title")) %>
 
-<h2>
-  <a class="geolink" href="<%= root_path %>"><span class="icon close"></span></a>
-  <%= t "browse.query.title" %>
-</h2>
+<%= render "sidebar_header", :title => t(".title") %>
 
-<div class="browse-section query-intro">
-  <p><%= t("browse.query.introduction") %></p>
+<div>
+  <p><%= t(".introduction") %></p>
 </div>
 
-<div id="query-nearby" class="browse-section query-results">
-  <h4><%= t("browse.query.nearby") %></h4>
+<div id="query-nearby" class="query-results">
+  <h3><%= t(".nearby") %></h3>
   <%= image_tag "searching.gif", :class => "loader" %>
-  <ul class="results-list"></ul>
+  <div class="mx-n3">
+    <ul class="query-results-list list-group list-group-flush"></ul>
+  </div>
 </div>
 
-<div id="query-isin" class="browse-section query-results">
-  <h4><%= t("browse.query.enclosing") %></h4>
+<div id="query-isin" class="query-results">
+  <h3><%= t(".enclosing") %></h3>
   <%= image_tag "searching.gif", :class => "loader" %>
-  <ul class="results-list"></ul>
+  <div class="mx-n3">
+    <ul class="query-results-list list-group list-group-flush"></ul>
+  </div>
 </div>