From fb3874a81e61dfd24de38c375457e2ba338ee464 Mon Sep 17 00:00:00 2001
From: OluwatobiAwe <oluwatobi.awe@nhs.net>
Date: Thu, 31 Jul 2025 15:38:22 +0100
Subject: [PATCH 1/2] Breadcrumb banner

---
 .../Styles/nhsuk/layout.scss                  | 15 ++++++++++++
 .../Views/MyAccount/Index.cshtml              | 19 +++++++++++++++
 .../Views/MyLearning/Index.cshtml             | 23 ++++++++++++++++++-
 .../Shared/Tenant/LearningHub/_Layout.cshtml  |  1 +
 4 files changed, 57 insertions(+), 1 deletion(-)

diff --git a/LearningHub.Nhs.WebUI/Styles/nhsuk/layout.scss b/LearningHub.Nhs.WebUI/Styles/nhsuk/layout.scss
index 79762964b..1c3fe0687 100644
--- a/LearningHub.Nhs.WebUI/Styles/nhsuk/layout.scss
+++ b/LearningHub.Nhs.WebUI/Styles/nhsuk/layout.scss
@@ -9,6 +9,21 @@ body {
     padding: 0 px2rem(32);
 }
 
+.nhsuk-hero {
+    background-color: $color_nhsuk-blue;
+    color: #fff;
+    position: relative;
+}
+
+.nhsuk-hero a,
+.nhsuk-hero a:visited,
+.nhsuk-hero a:hover,
+.nhsuk-hero a:active,
+.nhsuk-hero i {
+    color: $color_nhsuk-white;
+}
+
+
 .nhsuk-width-container.app-width-container {
     max-width: px2rem(1208);
     margin: 0 auto;
diff --git a/LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml b/LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml
index 15e78e763..37c10c367 100644
--- a/LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml
+++ b/LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml
@@ -4,6 +4,25 @@
    ViewData["Title"] = "My account details";
   var isgeneralUser = User.IsInRole("BasicUser");
 }
+@section NavBreadcrumbs {
+
+    <section class="nhsuk-hero">
+        <div class="nhsuk-width-container app-width-container">
+            <div class="nhsuk-grid-row">
+                <div class="nhsuk-grid-column-full">
+
+                    <div class="nhsuk-u-padding-top-4">
+                        <a href="/">Home</a>
+                        <i class="fa-solid fa-chevron-right nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-1 nhsuk-u-padding-left-2 nhsuk-u-padding-right-2"></i>
+                    </div>
+                    <div class="nhsuk-u-padding-top-4 nhsuk-u-padding-bottom-5">
+                        <h1 class="nhsuk-heading-xl">My account</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+}
 <div class="bg-white nhsuk-u-padding-bottom-9">
     <div class="nhsuk-width-container app-width-container">
         <div class="nhsuk-u-reading-width">
diff --git a/LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml b/LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml
index 6c9580011..abb098425 100644
--- a/LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml
+++ b/LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml
@@ -17,6 +17,27 @@
     <link rel="stylesheet" type="text/css" href="~/css/nhsuk/pages/mylearning.css" asp-append-version="true" />
 
 }
+
+@section NavBreadcrumbs {
+
+    <section class="nhsuk-hero">
+        <div class="nhsuk-width-container app-width-container">
+            <div class="nhsuk-grid-row">
+                <div class="nhsuk-grid-column-full">
+
+                    <div class="nhsuk-u-padding-top-4">
+                        <a href="/">Home</a>
+                        <i class="fa-solid fa-chevron-right nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-1 nhsuk-u-padding-left-2 nhsuk-u-padding-right-2"></i>
+                    </div>
+                    <div class="nhsuk-u-padding-top-4 nhsuk-u-padding-bottom-5">
+                        <h1 class="nhsuk-heading-xl">My learning activity</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+}
+
 <div class="my-learning">
     <div class="nhsuk-width-container app-width-container">
         <div class="nhsuk-grid-row nhsuk-u-padding-top-9 nhsuk-u-padding-bottom-9">
@@ -25,7 +46,7 @@
                 {
                     <vc:error-summary order-of-property-names="@(new[] { nameof(Model) })" />
                 }
-                <h1 class="nhsuk-heading-xl">My learning</h1>
+               @*  <h1 class="nhsuk-heading-xl">My learning</h1> *@
                 <p class="nhsuk-body-l">
                     You can use this page to search and filter learning resources you've accessed, download certificates and generate a report
                     of your activity.
diff --git a/LearningHub.Nhs.WebUI/Views/Shared/Tenant/LearningHub/_Layout.cshtml b/LearningHub.Nhs.WebUI/Views/Shared/Tenant/LearningHub/_Layout.cshtml
index c16fa837c..c10f269d5 100644
--- a/LearningHub.Nhs.WebUI/Views/Shared/Tenant/LearningHub/_Layout.cshtml
+++ b/LearningHub.Nhs.WebUI/Views/Shared/Tenant/LearningHub/_Layout.cshtml
@@ -88,6 +88,7 @@
         @RenderSection("NavBreadcrumbs", false)
     </div>
 
+
     <div class="nhsuk-width-container app-width-container--full">
         <main role="main" id="maincontent" class="nhsuk-main-wrapper app-main-wrapper--no-padding nhsuk-bg-white">
             @* This print header HAS to be within the main component and not in the header component otherwise there is a problem when

From a67dc1357f32d2d2a1ef7ffbd5b977de4cb85e64 Mon Sep 17 00:00:00 2001
From: OluwatobiAwe <oluwatobi.awe@nhs.net>
Date: Thu, 31 Jul 2025 15:56:11 +0100
Subject: [PATCH 2/2] padding changes

---
 LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml  | 4 ++--
 LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml b/LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml
index 37c10c367..f36ff9ee6 100644
--- a/LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml
+++ b/LearningHub.Nhs.WebUI/Views/MyAccount/Index.cshtml
@@ -11,11 +11,11 @@
             <div class="nhsuk-grid-row">
                 <div class="nhsuk-grid-column-full">
 
-                    <div class="nhsuk-u-padding-top-4">
+                    <div class="nhsuk-u-padding-top-3 nhsuk-u-padding-bottom-3">
                         <a href="/">Home</a>
                         <i class="fa-solid fa-chevron-right nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-1 nhsuk-u-padding-left-2 nhsuk-u-padding-right-2"></i>
                     </div>
-                    <div class="nhsuk-u-padding-top-4 nhsuk-u-padding-bottom-5">
+                    <div class="nhsuk-u-padding-top-4 nhsuk-u-padding-bottom-7">
                         <h1 class="nhsuk-heading-xl">My account</h1>
                     </div>
                 </div>
diff --git a/LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml b/LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml
index abb098425..6bbc6c8d6 100644
--- a/LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml
+++ b/LearningHub.Nhs.WebUI/Views/MyLearning/Index.cshtml
@@ -25,11 +25,11 @@
             <div class="nhsuk-grid-row">
                 <div class="nhsuk-grid-column-full">
 
-                    <div class="nhsuk-u-padding-top-4">
+                    <div class="nhsuk-u-padding-top-3 nhsuk-u-padding-bottom-3">
                         <a href="/">Home</a>
                         <i class="fa-solid fa-chevron-right nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-1 nhsuk-u-padding-left-2 nhsuk-u-padding-right-2"></i>
                     </div>
-                    <div class="nhsuk-u-padding-top-4 nhsuk-u-padding-bottom-5">
+                    <div class="nhsuk-u-padding-top-4 nhsuk-u-padding-bottom-7">
                         <h1 class="nhsuk-heading-xl">My learning activity</h1>
                     </div>
                 </div>