Widen layout

3 years ago · 7e7b7b0d9e
3 changed files with 8 additions and 2 deletions
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@ -28,7 +28,7 @@
    <% end %>
  </head>

-  <body class="govuk-template__body ">
+  <body class="govuk-template__body app-template--wide">
    <script>
      document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
    </script>
--- a/app/webpacker/styles/_template.scss
+++ b/app/webpacker/styles/_template.scss
@ -0,0 +1,5 @@
+.app-template--wide {
+  .govuk-width-container {
+    @include govuk-width-container(1100px);
+  }
+}
--- a/app/webpacker/styles/application.scss
+++ b/app/webpacker/styles/application.scss
@ -16,8 +16,9 @@ $govuk-global-styles: true;
@import "input";
@import "related-navigation";
@import "section-skip-link";
-@import "task-list";
@import "tab-navigation";
+@import "task-list";
+@import "template";

 // Overrides
 .app-\!-colour-muted {