fixed banner styles issues

app/assets/stylesheets/pages.scss

@@ -23,27 +23,6 @@
   &.light {
     background: #ecf0f1;
   }
-
-  h1,
-  p {
-    color: $text;
-  }
-}
-
-.jumboAlt {
-  background: $highlight;
-  margin-bottom: $line-height;
-  margin-top: rem-calc(-24);
-  padding-bottom: $line-height;
-  padding-top: $line-height;
-
-  @include breakpoint(medium) {
-    padding: rem-calc(24) 0;
-  }
-
-  &.light {
-    background: #ecf0f1;
-  }
 }
 
 .lead {

app/helpers/legislation_helper.rb

@@ -37,4 +37,8 @@ module LegislationHelper
       "milestones"     => admin_legislation_process_milestones_path(process)
     }
   end
+
+  def banner_color?
+    @process.background_color.present? && @process.font_color.present?
+  end
 end

app/views/legislation/processes/_header.html.erb

@@ -1,15 +1,13 @@
-<div <% if process.background_color.present? && process.font_color.present? %> 
+<div class="legislation-hero jumbo" <% if banner_color? %> 
-    class="legislation-hero jumboAlt" style="background:<%= process.background_color %>; color:<%= process.font_color %>;"
+    style="background:<%= process.background_color %>; color:<%= process.font_color %>;"
-  <% else %>
-    class="legislation-hero jumbo"  
   <% end %>>
   <div class="row">
     <div class="small-12 medium-9 column">
 
-      <% if process.background_color.present? && process.font_color.present? %>
+      <% if banner_color? %>
-        <%= link_to content_tag(:span, nil, class: "icon-angle-left",
+        <%= link_to t("shared.back"), legislation_processes_path,
-                   style: "color:#{process.font_color};") + t("shared.back"),
+                                      class: "icon-angle-left",
-                   legislation_processes_path, class: 'back', style: 'color:#FFFFFF !important;'%>
+                                      style: "color:#{process.font_color};" %>
       <% else %>
         <%= back_link_to legislation_processes_path %>
       <% end %>

app/views/legislation/processes/_header_full.html.erb

@@ -10,8 +10,8 @@
     <%= markdown @process.additional_info if @process.additional_info %>
   </div>
 
-  <a class="button" data-toggle="additional_info" 
+  <a class="button" data-toggle="additional_info"
-    <% if process.background_color.present? && process.font_color.present? %>
+    <% if banner_color? %>
       style="background:<%= process.font_color %>; color:<%= process.background_color %>;"
     <% end %>>
     <%= t("legislation.processes.header.additional_info") %>