diff --git a/app/assets/stylesheets/components/_all.scss b/app/assets/stylesheets/components/_all.scss index f2261083a..b9a67f331 100644 --- a/app/assets/stylesheets/components/_all.scss +++ b/app/assets/stylesheets/components/_all.scss @@ -8,6 +8,6 @@ @import "organisation_list_item"; @import "phase_banner"; @import "primary_navigation"; -@import "secondary_navigation"; @import "search_results"; +@import "secondary_navigation"; @import "typography"; diff --git a/app/assets/stylesheets/components/claim/card.scss b/app/assets/stylesheets/components/claim/card.scss index 40865ee63..1a2e112d8 100644 --- a/app/assets/stylesheets/components/claim/card.scss +++ b/app/assets/stylesheets/components/claim/card.scss @@ -8,9 +8,14 @@ .claim-card__header { display: flex; + flex-direction: row; justify-content: space-between; align-items: flex-start; - gap: govuk-spacing(2); + gap: govuk-spacing(1) govuk-spacing(2); + + @include govuk-media-query($until: desktop) { + flex-direction: column; + } .claim-card__header__name { display: flex; @@ -43,4 +48,12 @@ margin-bottom: govuk-spacing(1); } } + + .govuk-tag { + @include govuk-font($size: 16); + + @include govuk-media-query($until: desktop) { + margin-bottom: govuk-spacing(1); + } + } }