From b33c73798c281db21448b3cb74196b5d221b5975 Mon Sep 17 00:00:00 2001
From: Swapnamol Abraham <Swapnamol.Abraham@hee.nhs.uk>
Date: Tue, 5 Nov 2024 10:37:50 +0000
Subject: [PATCH 1/2] Design fixes for the admin UI

---
 .../Scripts/vuesrc/content/pageSectionToolbar.vue     | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content/pageSectionToolbar.vue b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content/pageSectionToolbar.vue
index 45eddd45b..a23c8be3e 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content/pageSectionToolbar.vue
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content/pageSectionToolbar.vue
@@ -219,7 +219,6 @@
         left:10px;
         top: 2px;
         z-index: 1;
-        width:fit-content;
     }
 
     .warningTriangle {
@@ -270,5 +269,15 @@
 
     .toolBarButton i .fa, .fas {
         font-weight: 100;
+    }   
+    @media (max-width: 767px) {
+        .toolBarBox {
+            position: absolute;
+            right: 12px;
+            left: 10px;
+            top: 2px;
+            z-index: 1;
+            width: fit-content;
+        }
     }
 </style>
\ No newline at end of file

From 3339cff3231e80a4ae02212962461f3d8f83741a Mon Sep 17 00:00:00 2001
From: Swapnamol Abraham <Swapnamol.Abraham@hee.nhs.uk>
Date: Tue, 5 Nov 2024 10:54:26 +0000
Subject: [PATCH 2/2] Footer design fixes

---
 .../Scripts/vuesrc/content/pageSectionToolbar.vue    |  4 ++--
 .../Styles/Layout/_footer.scss                       | 12 ++++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content/pageSectionToolbar.vue b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content/pageSectionToolbar.vue
index a23c8be3e..4d1faf9b0 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content/pageSectionToolbar.vue
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Scripts/vuesrc/content/pageSectionToolbar.vue
@@ -269,8 +269,8 @@
 
     .toolBarButton i .fa, .fas {
         font-weight: 100;
-    }   
-    @media (max-width: 767px) {
+    }
+    @media (max-width: 420px) {
         .toolBarBox {
             position: absolute;
             right: 12px;
diff --git a/AdminUI/LearningHub.Nhs.AdminUI/Styles/Layout/_footer.scss b/AdminUI/LearningHub.Nhs.AdminUI/Styles/Layout/_footer.scss
index 3423503ae..c372b4b21 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/Styles/Layout/_footer.scss
+++ b/AdminUI/LearningHub.Nhs.AdminUI/Styles/Layout/_footer.scss
@@ -28,9 +28,13 @@
 
 .footer-primary,
 .footer-secondary {
-  font-size: 17px;
-  line-height: 28px;
-  padding-top: 30px;
+    font-size: 17px;
+    line-height: 28px;
+    padding-top: 30px;
+
+    @media (max-width: 420px) {
+        padding-top: 20px !important;
+    }
 }
 
 .footer-primary {
@@ -63,7 +67,7 @@
   padding-right: 15px;
 
   @media (max-width: 420px) {
-    padding-top: 10px !important;
+    padding-top: 0px !important;
     text-align: left !important;
   }
 }