UX: minor design correction on badge-person in household banner

This commit is contained in:
Mathieu Jaumotte 2023-08-29 14:19:39 +02:00 committed by Julie Lenaerts
parent 68f2c7df25
commit 99cf7b8e8d

View File

@ -207,10 +207,11 @@ div.banner {
span.badge-member { span.badge-member {
flex-shrink: 0; flex-grow: 0; flex-basis: auto; flex-shrink: 0; flex-grow: 0; flex-basis: auto;
color: $white; color: $white;
background-color: transparentize($white, 0.85);
border: 1px solid transparentize($white, 0.75); border: 1px solid transparentize($white, 0.75);
border-bottom: 3px solid transparentize( shade-color( $chill-green, 20%), 0.3); border-bottom: 3px solid transparentize( shade-color( $chill-green, 20%), 0.3);
border-radius: 8px; border-radius: 8px;
padding: 0.2em 0.7em; padding: 0.0em 0.5em;
margin-bottom: 0.2em; margin-bottom: 0.2em;
margin-right: 0.3em; margin-right: 0.3em;