Merge pull request #2889 from alphagov/mh-fix-misaligned-related-cont…

…ent-sidebar Fix misaligned heading and related contents
alphagov · Aug 15, 2023 · e5e6960 · e5e6960
2 parents 59d56be + a020137
commit e5e6960
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 7 deletions.
diff --git a/app/assets/stylesheets/helpers/_parts.scss b/app/assets/stylesheets/helpers/_parts.scss
@@ -6,7 +6,7 @@
 
     @include govuk-media-query($from: tablet) {
       margin-top: 0;
-      padding-bottom: govuk-spacing(3);
+      margin-bottom: 0;
     }
 
     border-bottom: 1px solid govuk-colour("mid-grey", $legacy: "grey-2");

diff --git a/app/assets/stylesheets/views/_travel-advice.scss b/app/assets/stylesheets/views/_travel-advice.scss
@@ -4,10 +4,6 @@
 .travel-advice {
   @include parts;
 
-  .part-navigation-container {
-    margin-bottom: 0;
-  }
-
   .part-navigation {
     margin-bottom: govuk-spacing(8);
   }

diff --git a/app/views/content_items/guide.html.erb b/app/views/content_items/guide.html.erb
@@ -63,7 +63,7 @@
     <% end %>
   </div>
 
-  <div class="govuk-grid-column-two-thirds" id="guide-contents">
+  <div class="govuk-grid-column-two-thirds govuk-!-margin-top-6" id="guide-contents">
     <% if @content_item.has_parts? %>
       <% if @content_item.show_guide_navigation? %>
         <%= render 'govuk_publishing_components/components/heading', heading_level: 1, font_size: 'l', margin_bottom: 6, text: @content_item.current_part_title %>

diff --git a/app/views/content_items/travel_advice.html.erb b/app/views/content_items/travel_advice.html.erb
@@ -35,7 +35,7 @@
 
 <div class="govuk-grid-row">
   <% unless @content_item.parts.empty? %>
-    <div class="govuk-grid-column-two-thirds">
+    <div class="govuk-grid-column-two-thirds govuk-!-margin-top-6">
       <%= render 'govuk_publishing_components/components/heading', heading_level: 1, font_size: 'l', margin_bottom: 6, text: @content_item.current_part_title %>
 
       <% if @content_item.no_part_slug_provided? %>