diff --git a/gadjo/static/css/_forms.scss b/gadjo/static/css/_forms.scss index f0f1969..7bc33fa 100644 --- a/gadjo/static/css/_forms.scss +++ b/gadjo/static/css/_forms.scss @@ -92,6 +92,7 @@ a.button { border-radius: 3px; font-weight: bold; background: white; + text-align: center; border: 1px solid $button-color; color: $button-color; &[aria-pressed=true], &:hover { diff --git a/gadjo/static/css/_portal.scss b/gadjo/static/css/_portal.scss index 49ee01e..5893a44 100644 --- a/gadjo/static/css/_portal.scss +++ b/gadjo/static/css/_portal.scss @@ -83,3 +83,36 @@ div.combo-search-results { border-bottom-color: transparent; } } + +.link-list-cell.pk-horizontal-button-links, +.link-list-cell.pk-wide-horizontal-button-links { + ul { + display: flex; + @media screen and (max-width: $mobile-limit) { + flex-direction: column; + } + } + li { + &:not(:last-child) { + margin-right: 1em; + } + border: none; + &:hover { + background: transparent; + } + @media screen and (max-width: $mobile-limit) { + &:not(:last-child) { + margin-right: 0; + } + margin-bottom: 0.5em; + } + } + &.pk-wide-horizontal-button-links { + li { + flex: 1; + } + } + a { + @extend %button; + } +}