Improve styling of search_sidebar_list headings

Contain the heading within the element `<div>` and reduce the margin so they're a bit tighter together, which works better in the context.
mysociety · Nov 9, 2023 · e879970 · e879970
1 parent 8420bd9
commit e879970
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/app/assets/stylesheets/responsive/_search_style.scss b/app/assets/stylesheets/responsive/_search_style.scss
@@ -146,3 +146,10 @@ input.use-datepicker[type=text] {
     }
   }
 }
+
+.search_latest,
+.help_requests {
+  h2 {
+    margin-top: 1.5em !important;
+  }
+}
diff --git a/app/views/general/_help_requests.html.erb b/app/views/general/_help_requests.html.erb
@@ -1,4 +1,6 @@
 <div class="help_requests">
+  <h2><%= _('Help Out') %></h2>
+
   <ul class="search_sidebar_list">
     <li class="search_sidebar_list__item">
       <%= link_to _('Classify requests'), categorise_play_path %>

diff --git a/app/views/general/_search_latest.html.erb b/app/views/general/_search_latest.html.erb
@@ -1,4 +1,6 @@
 <div class="search_latest">
+  <h2><%= _('Latest') %></h2>
+
   <ul class="search_sidebar_list">
     <li class="search_sidebar_list__item">
       <%= link_to _('Browse latest responses'), search_requests_path('variety:response') %>

diff --git a/app/views/request/list.html.erb b/app/views/request/list.html.erb
@@ -11,10 +11,7 @@
     <%= render :partial => 'track/rss_feed', :locals => { :track_thing => @track_thing, :location => 'main' } %>
   <% end %>
 
-  <h2><%= _('Latest') %></h2>
   <%= render partial: 'general/search_latest' %>
-
-  <h2><%= _('Help Out') %></h2>
   <%= render partial: 'general/help_requests' %>
 </div>