diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index c57b7470c..759af8678 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -48,4 +48,14 @@ $govuk-use-legacy-palette: false; @import 'views/help-page'; @import "views/guide"; +.travel-advice-notice { + background-color: govuk-colour("light-grey"); + border: 1px solid $govuk-border-colour; + margin-bottom: govuk-spacing(7); + padding: govuk-spacing(4) govuk-spacing(4) 0 govuk-spacing(9); + position: relative; +} +.travel-advice-notice__icon { + margin-left: govuk-spacing(3); +} diff --git a/app/views/content_items/travel_advice.html.erb b/app/views/content_items/travel_advice.html.erb index 20350d9b1..eac4b8e85 100644 --- a/app/views/content_items/travel_advice.html.erb +++ b/app/views/content_items/travel_advice.html.erb @@ -1,8 +1,7 @@ <% content_for :simple_header, true %> <% content_for :extra_head_content do %> - <%= auto_discovery_link_tag :atom, @content_item.feed_link, - title: "Recent updates for #{@content_item.country_name}" %> + <%= auto_discovery_link_tag :atom, @content_item.feed_link, title: "Recent updates for #{@content_item.country_name}" %> <%= machine_readable_metadata( schema: :article, @@ -13,18 +12,23 @@ <% end %>
-
+
<%= render 'govuk_publishing_components/components/title', @content_item.title_and_context %> -
@@ -51,8 +54,8 @@ <% end %> <%= render 'govuk_publishing_components/components/govspeak', - content: @content_item.current_part_body.html_safe, - direction: page_text_direction %> + content: @content_item.current_part_body.html_safe, + direction: page_text_direction %> <%= render 'govuk_publishing_components/components/previous_and_next_navigation', @content_item.previous_and_next_navigation %>