Use secondary body background in heading sections

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index db03b94abe5602ed50b1ee6afd8720129d21fef2..187d6a83c88d7eddcc9fad257279bd9806e90654 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -719,10 +719,6 @@ tr.turn:hover {
 
 /* Rules for non-map content pages */
 
 
 /* Rules for non-map content pages */
 

-.content-heading {
-  background: $lightgrey;
-}
-

 .content-inner {
   position: relative;
   max-width: 960px;
 .content-inner {
   position: relative;
   max-width: 960px;

diff --git a/app/views/layouts/_content.html.erb b/app/views/layouts/_content.html.erb
index cfb8d712cc7ebef8873640b03c6f1ebb151a467a..bd5c43f02cefa346945742d830ab4cb21b885420 100644 (file)
--- a/app/views/layouts/_content.html.erb
+++ b/app/views/layouts/_content.html.erb
@@ -4,7 +4,7 @@
   <% else %>
     <%= render :partial => "layouts/flash", :locals => { :flash => flash } %>
     <% if content_for? :heading %>
   <% else %>
     <%= render :partial => "layouts/flash", :locals => { :flash => flash } %>
     <% if content_for? :heading %>

-      <div class="content-heading">
+      <div class="content-heading bg-body-secondary">

         <div class="content-inner <%= yield :heading_class %>">
           <%= yield :heading %>
         </div>
         <div class="content-inner <%= yield :heading_class %>">
           <%= yield :heading %>
         </div>