Merge pull request #1796 from alphagov/fix-accordion-elements-bug

alphagov · May 19, 2020 · ac66066 · ac66066
2 parents 387c33d + 711359b
commit ac66066
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -33,6 +33,7 @@ For example:
 - [Pull request #1753: Make back link arrow consistent with breadcrumb component](https://github.com/alphagov/govuk-frontend/pull/1753)
 - [Pull request #1765: Import textarea from character count](https://github.com/alphagov/govuk-frontend/pull/1765).
 - [Pull request #1778: Fix accordion underline hover state being removed when hovering plus/minus symbol](https://github.com/alphagov/govuk-frontend/pull/1778).
+- [Pull request #1796: Standardise accordion section headings font size (reduce height of section headings on mobile)](https://github.com/alphagov/govuk-frontend/pull/1796).
 
 ## 3.6.0 (Feature release)
 

diff --git a/src/govuk/components/accordion/_index.scss b/src/govuk/components/accordion/_index.scss
@@ -19,6 +19,10 @@
   }
 
   .govuk-accordion__section-heading {
+    // Override browser defaults to ensure consistent element height
+    // Font size is set in .govuk-accordion__section-button
+    @include govuk-font(24);
+
     margin-top: 0; // Override browser default
     margin-bottom: 0; // Override browser default
   }