From 84dbae6e39768f076007734ac8b852d57d0d7900 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Wed, 29 Apr 2020 13:36:13 +0100 Subject: [PATCH] Use tabular numbers for dashboard banner counts MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit We use tabular (not lining) figures everywhere else that we display counts, so that they don’t shift around as the AJAX updates the numbers. There’s a good explanation of the difference here: https://www.fonts.com/content/learning/fontology/level-3/numbers/proportional-vs-tabular-figures --- app/assets/stylesheets/components/banner.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss index 5cbe60a45..5138747fa 100644 --- a/app/assets/stylesheets/components/banner.scss +++ b/app/assets/stylesheets/components/banner.scss @@ -150,7 +150,7 @@ } &-count { - @include govuk-font(36, $weight: bold); + @include govuk-font(36, $weight: bold, $tabular: true); padding-right: 8px; position: relative; // remove the top of the extra line-height this introduces