LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

fix expand button style on mobile

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/component/common/card.jsx
View file

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

8
ui/scss/component/_card.scss
View file

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