Added classes to style the content page

DFE-Digital · Jan 30, 2024 · f2f2a68 · f2f2a68
1 parent ce5d8f2
commit f2f2a68
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/Dfe.EarlyYearsQualification.Web/Views/Home/Content.cshtml b/src/Dfe.EarlyYearsQualification.Web/Views/Home/Content.cshtml
@@ -4,8 +4,15 @@
     ViewData["Title"] = "Content Page";
 }
 
-<div class="text-center">
-    <h1 class="govuk-heading-xl">@Model.Header</h1>
-    @Html.Raw(Model.ServiceIntroduction)
-    <govuk-button-link is-start-button="true">@Model.StartButtonText</govuk-button-link>
+<div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+        <h1 class="govuk-heading-xl">@Model.Header</h1>
+        @Html.Raw(Model.ServiceIntroduction)
+        <a href="#" role="button" draggable="false" class="govuk-button govuk-button--start" data-module="govuk-button">
+            @Model.StartButtonText
+            <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+                <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z" />
+            </svg>
+        </a>
+    </div>
 </div>
diff --git a/src/Dfe.EarlyYearsQualification.Web/Views/Shared/_Layout.cshtml b/src/Dfe.EarlyYearsQualification.Web/Views/Shared/_Layout.cshtml
@@ -37,8 +37,8 @@
       </div>
     </div>
   </header>
-  <div class="container">
-    <main role="main" class="pb-3">
+  <div class="govuk-width-container">
+    <main class="govuk-main-wrapper" role="main" class="pb-3">
       @RenderBody()
     </main>
   </div>