Switch list item heading from h4 to h3.

This stops the front page header nesting skipping a level.

3 files changed, 14 insertions, 9 deletions

diff --git a/web/cobrands/fixamingata/layout.scss b/web/cobrands/fixamingata/layout.scss
index e8cbdab5e..442874360 100644
--- a/web/cobrands/fixamingata/layout.scss
+++ b/web/cobrands/fixamingata/layout.scss
@@ -61,7 +61,8 @@ noindex:-o-prefocus, #site-header {
   font-family: sans-serif;
 }
 
-h3, h4 {
+h3, h4,
+.item-list__heading {
     font-weight: bold;
 }
 
diff --git a/web/cobrands/fixmystreet.com/layout.scss b/web/cobrands/fixmystreet.com/layout.scss
index 81c3b3d54..14eccfd1e 100644
--- a/web/cobrands/fixmystreet.com/layout.scss
+++ b/web/cobrands/fixmystreet.com/layout.scss
@@ -59,7 +59,8 @@ noindex:-o-prefocus, #site-header {
   font-family: sans-serif;
 }
 
-h3, h4 {
+h3, h4,
+.item-list__heading {
     font-weight: bold;
 }
 
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index e03bec486..59af6a71f 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -903,7 +903,7 @@ input.final-submit {
   margin-bottom: 0.5em;
 }
 
-.item-list__item--link {
+%item-list__item--link {
   padding: 0;
   a {
     color: #222222;
@@ -917,11 +917,11 @@ input.final-submit {
 }
 
 .item-list--wards__item {
-  @extend .item-list__item--link;
+  @extend %item-list__item--link;
 }
 
 .item-list--reports__item {
-  @extend .item-list__item--link;
+  @extend %item-list__item--link;
   a {
     @include clearfix;
     padding: flip(0 0 0 1em, 0 1em 0 0);
@@ -932,16 +932,19 @@ input.final-submit {
     height: auto;
     margin-#{$left}: 1em;
   }
-  h4 {
-    padding-top: 0.25em;
-    margin: 0;
-  }
   small {
     color: #666;
     display: block;
     padding: 0.25em 0;
   }
 }
+.item-list__heading {
+  font-size: 1em;
+  font-weight: normal;
+  line-height: 1.5;
+  padding-top: 0.25em;
+  margin: 0;
+}
 
 .item-list__item--empty p {
   margin: 0;