Merge pull request #562 from DFE-Digital/SFSW-2260-New-component-acce…

…ssibility-adjustments

Sfsw 2260 new component accessibility adjustments

Childrens-Social-Care-CPD/Views/Shared/_PageContents.cshtml

@@ -7,7 +7,7 @@
 <div class="govuk-grid-row">
     <div class="govuk-grid-column-three-quarters">
         <div class="page-contents-header">
-            <p class="govuk-body govuk-!-margin-bottom-1 govuk-!-font-weight-bold">
+            <p class="govuk-body govuk-!-margin-bottom-1">
                 @Model.DisplayText
             </p>
             <ul class="govuk-list govuk-list--bullet">

Childrens-Social-Care-CPD/styles/scss/overrides/_site.scss

@@ -275,7 +275,7 @@
 .page-contents-header ul {
     margin: 0;
     padding: 0;
-    font-size: 16px;
+    font-size: 1rem;
 }
 
 .page-contents-header li {
@@ -315,18 +315,20 @@
     left: -30px;
 }
 
+.prompt .govuk-grid-row {
+    position: relative;
+}
 .prompt .govuk-grid-column-one-quarter {
-    margin-right: -120px;
+    position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .prompt .govuk-grid-column-three-quarters {
-    padding: 15px;
-}
-
-@media (min-width: 40em) and (max-width: 61.5em) {
-    .prompt .govuk-grid-column-three-quarters {
-        padding-left: 40px;
-    }
+    padding-left: 65px;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    width: 100%;
 }
 
 @media (max-width: 40.0625em) {
@@ -352,6 +354,10 @@
 }
 */
 
+.prompt .govuk-body-m {
+    max-width: 100%;
+}
+
 .prompt.prompt-home .svg-inline--fa {
     background-color: #347ca9 !important;
 }