diff --git a/app/assets/stylesheets/components/message.scss b/app/assets/stylesheets/components/message.scss index e8dab86e3..2e9229e51 100644 --- a/app/assets/stylesheets/components/message.scss +++ b/app/assets/stylesheets/components/message.scss @@ -205,7 +205,7 @@ a { margin: 0; } - .content-fixed & { + .content-fixed__bottom & { right: govuk-spacing(3); } diff --git a/app/assets/stylesheets/components/page-footer.scss b/app/assets/stylesheets/components/page-footer.scss index c1874c397..fae7d85c9 100644 --- a/app/assets/stylesheets/components/page-footer.scss +++ b/app/assets/stylesheets/components/page-footer.scss @@ -3,6 +3,10 @@ position: relative; margin-bottom: 30px; + &--inline-block { + display: inline-block; + } + &-delete-link { line-height: 40px; diff --git a/app/assets/stylesheets/views/template.scss b/app/assets/stylesheets/views/template.scss index 41670359d..13dd69a50 100644 --- a/app/assets/stylesheets/views/template.scss +++ b/app/assets/stylesheets/views/template.scss @@ -55,3 +55,15 @@ top: 51px; // aligns with ‘change postage’ link left: 66px; // Aligns to left of logo area } + +.template-content-count { + @include core-19($tabular-numbers: true); + color: $secondary-text-colour; + vertical-align: bottom; + padding: 0 0 govuk-spacing(1) govuk-spacing(2); + display: inline-block; + + & .govuk-error-message { + margin-top: 0; + } +} diff --git a/app/templates/components/page-footer.html b/app/templates/components/page-footer.html index 789318ae7..66f4564d1 100644 --- a/app/templates/components/page-footer.html +++ b/app/templates/components/page-footer.html @@ -10,9 +10,10 @@ secondary_link_text=None, delete_link=False, delete_link_text="delete", - centered_button=False + centered_button=False, + inline_block=False ) %} -