darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-11 09:28:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Give dashboard banner items some vertical space

Browse Source 
Giving the count-label some vertical margin means
it has enough space when the flexbox contents
wrap.

This requires a bit extra on the top to counter
the negative margin the count has subtracting 5px
from the parent box.
This commit is contained in:
Tom Byers
2020-02-18 12:02:54 +00:00
committed by Chris Hill-Scott
parent 08781a497f
commit 0335e7ad17
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/components/banner.scss
View File

@@ -151,7 +151,7 @@
display: flex;
align-items: baseline;
flex-wrap: wrap;
padding: ($gutter-two-thirds - 1px) 0 ($gutter-two-thirds + 1px) 0;
padding: ($gutter-half - 1px) 0 ($gutter-half + 1px) 0;
border-top: 1px solid $border-colour;
border-bottom: 1px solid $border-colour;
margin-bottom: $gutter;
@@ -181,6 +181,7 @@
@include govuk-font(24, $weight: bold);
text-decoration: underline;
padding-right: govuk-spacing(6);
margin: 10px 0px 5px; // 10px includes 5px extra to counter the -5px margin-top on the count item
flex: 2 1 auto;
}