Replace consultation view styles with Design System styles

alphagov · Apr 20, 2023 · 54b3ea5 · 54b3ea5
1 parent d00678a
commit 54b3ea5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 21 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -85,7 +85,6 @@ $govuk-include-default-font-face: false;
 @import "views/html-publication";
 @import "views/detailed-guide";
 @import "views/publication";
-@import "views/consultation";
 @import "views/speech";
 @import "views/news-article";
 @import "views/corporate-information-page";

diff --git a/app/assets/stylesheets/views/_consultation.scss b/app/assets/stylesheets/views/_consultation.scss
diff --git a/app/views/content_items/consultation.html.erb b/app/views/content_items/consultation.html.erb
@@ -83,6 +83,7 @@
     <% end %>
 
     <% if @content_item.final_outcome? %>
+      <hr class="govuk-section-break govuk-section-break--visible">
       <section class="original-consultation">
         <header>
           <%= render 'govuk_publishing_components/components/heading', {
@@ -96,16 +97,16 @@
 
     <% consultation_date = capture do %>
       <% if @content_item.closed? %>
-        <%= t("consultation.ran_from") %><br /><span class="consultation-date"><time datetime="<%= @content_item.opening_date_time %>"><%= @content_item.opening_date %></time> to
-        <time datetime="<%= @content_item.closing_date_time %>"><%= @content_item.closing_date %></time></span>
+        <%= t("consultation.ran_from") %><br /><strong class="consultation-date"><time datetime="<%= @content_item.opening_date_time %>"><%= @content_item.opening_date %></time> to
+        <time datetime="<%= @content_item.closing_date_time %>"><%= @content_item.closing_date %></time></strong>
       <% elsif @content_item.open? %>
         <%= t("consultation.closes_at") %><br />
-        <span class="consultation-date"><time datetime="<%= @content_item.closing_date_time %>"><%= @content_item.closing_date %></time></span>
+        <strong class="consultation-date"><time datetime="<%= @content_item.closing_date_time %>"><%= @content_item.closing_date %></time></strong>
       <% elsif @content_item.unopened? %>
         <%= t("consultation.opens") %> <%= @content_item.opening_date_midnight? ? t("consultation.on") : t("consultation.at") %><br />
-        <span class="consultation-date"><time datetime="<%= @content_item.opening_date_time %>"><%= @content_item.opening_date %></time></span><br />
+        <strong class="consultation-date"><time datetime="<%= @content_item.opening_date_time %>"><%= @content_item.opening_date %></time></strong><br />
         <%= t("consultation.closes") %><br />
-        <span class="consultation-date"><time datetime="<%= @content_item.closing_date_time %>"><%= @content_item.closing_date %></time></span>
+        <strong class="consultation-date"><time datetime="<%= @content_item.closing_date_time %>"><%= @content_item.closing_date %></time></strong>
       <% end %>
     <% end %>