fix expand button style on mobile

This commit is contained in:
Sean Yesmunt 2020-04-10 16:48:31 -04:00
parent 6b4d5ce9cf
commit f177f2dbb9
2 changed files with 9 additions and 1 deletions

View file

@ -47,7 +47,7 @@ export default function Card(props: Props) {
</div>
</div>
{expandable && (
<div className="section--padded">
<div className="card__expand-btn">
<Button
button={'alt'}
aria-label={__('More')}

View file

@ -227,6 +227,14 @@
}
}
.card__expand-btn {
padding: var(--spacing-medium);
@media (max-width: $breakpoint-small) {
padding: 0;
}
}
.card__header,
.card__body,
.card__main-actions {