Merge pull request #1144 from alphagov/adjust-spacing-for-header-to-m…

…atch-grid

Add gutters to the header consistent with the grid

CHANGELOG.md

@@ -42,6 +42,14 @@
 
   ([PR #1147](https://github.com/alphagov/govuk-frontend/pull/1147))
 
+- Make gutters in the header consistent with the grid
+
+  This means that the header will now line up with the grid.
+
+  Thanks to @edwardhorsford for raising this issue.
+
+  ([PR #1144](https://github.com/alphagov/govuk-frontend/pull/1144))
+
 ## 2.5.1 (Fix release)
 
 🔧 Fixes:

src/components/header/_header.scss

@@ -124,13 +124,18 @@
     @include govuk-font($size: 24, $weight: bold);
   }
 
+  .govuk-header__logo,
+  .govuk-header__content {
+    box-sizing: border-box;
+  }
+
   .govuk-header__logo {
     @include govuk-responsive-margin(2, "bottom");
     padding-right: govuk-spacing(8);
 
     @include mq ($from: desktop) {
       width: 33.33%;
-      padding-right: 0;
+      padding-right: $govuk-gutter-half;
       float: left;
       vertical-align: top;
     }
@@ -139,6 +144,7 @@
   .govuk-header__content {
     @include mq ($from: desktop) {
       width: 66.66%;
+      padding-left: $govuk-gutter-half;
       float: left;
     }
   }