Footer design fixes

Author: Swapnamol

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;

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;
   }
 }