Fix the container widths

DFE-Digital · Sep 11, 2023 · d6983fc · d6983fc
1 parent 89c32e1
commit d6983fc
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/Childrens-Social-Care-CPD/Views/Content/Index.cshtml b/Childrens-Social-Care-CPD/Views/Content/Index.cshtml
@@ -26,7 +26,7 @@
 @section PageBanner {
     @if (Model.ShowContentHeader) {
         <section id="content-banner" class="app-section-content app-section-content--blue govuk-!-margin-bottom-8">
-            <div class="govuk-width-container">
+            <div class="dfe-width-container">
                 <div class="govuk-grid-row govuk-!-padding-top-3 govuk-!-padding-bottom-0">
                     <div class="govuk-grid-column-three-quarters-from-desktop govuk-!-padding-top-3">
                         <h1 id="content-banner-title" class="govuk-heading-xl">@Model.ContentTitle</h1>

diff --git a/Childrens-Social-Care-CPD/Views/Shared/_DefaultPageLayout.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_DefaultPageLayout.cshtml
@@ -8,6 +8,6 @@
 }
 
 @await RenderSectionAsync("Hero", required: false)
-<div class="govuk-width-container">
+<div class="dfe-width-container">
     @RenderBody()
 </div>
diff --git a/Childrens-Social-Care-CPD/Views/Shared/_Header.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_Header.cshtml
@@ -19,7 +19,7 @@
     }
 }
 <header class="dfe-header" role="banner">
-    <div class="govuk-width-container dfe-header__container">
+    <div class="dfe-width-container dfe-header__container">
         <div class="dfe-header__logo">
             <a class="dfe-header__link dfe-header__link--service " href="/" aria-label="DfE homepage">
                 <img src="/assets/images/dfe-logo.png" class="dfe-logo" alt="DfE Homepage">
@@ -37,7 +37,7 @@
     </div>
 
     <nav class="dfe-header__navigation" id="header-navigation" role="navigation" aria-label="Primary navigation" aria-labelledby="label-navigation">
-        <div class="govuk-width-container">
+        <div class="dfe-width-container">
             <p class="dfe-header__navigation-title">
                 <span id="label-navigation">Menu</span>
                 <button class="dfe-header__navigation-close" id="close-menu">
@@ -59,7 +59,7 @@
     </nav>
 </header>
 
-<div class="govuk-width-container">
+<div class="dfe-width-container">
     <div class="govuk-grid-row">
         <div class="govuk-grid-column-full">
             <div class="govuk-phase-banner">

diff --git a/Childrens-Social-Care-CPD/Views/Shared/_HeroBanner.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_HeroBanner.cshtml
@@ -3,7 +3,7 @@
 @model HeroBanner
 
 <section class="app-section-beta app-section-beta__blue govuk-!-margin-bottom-8">
-    <div class="govuk-width-container">
+    <div class="dfe-width-container">
         <div class="govuk-grid-row">
             <div class="govuk-grid-column-two-thirds-from-desktop">
                 <h1 class="body-header-font" data-testid="homepage-header">@Model.Title</h1>

diff --git a/Childrens-Social-Care-CPD/Views/Shared/_SubPageLayout.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_SubPageLayout.cshtml
@@ -7,7 +7,7 @@
     @await RenderSectionAsync("PageBanner", required: false)
 }
 
-<div class="govuk-width-container">
+<div class="govuk-width-container dfe-width-container">
     <div class="govuk-grid-row">
         <div class="govuk-grid-column-one-quarter">
             @await RenderSectionAsync("SideMenu", required: true)