Following Page: make the 2 buttons flow with less space used
This commit is contained in:
parent
19dc09b262
commit
83a816bf34
2 changed files with 15 additions and 2 deletions
|
@ -43,7 +43,7 @@ function ChannelsFollowingPage(props: Props) {
|
|||
return !hasSubscribedChannels ? (
|
||||
<ChannelsFollowingDiscoverPage />
|
||||
) : (
|
||||
<Page noFooter fullWidthPage={tileLayout}>
|
||||
<Page noFooter fullWidthPage={tileLayout} className="main__channelsFollowing">
|
||||
{!fetchingActiveLivestreams && (
|
||||
<>
|
||||
{!hideScheduledLivestreams && (
|
||||
|
|
|
@ -1134,10 +1134,23 @@ body {
|
|||
max-width: 32rem;
|
||||
}
|
||||
|
||||
// Temp hacks until 'section__actions--no-margin' is generic again.
|
||||
.main__discover {
|
||||
.section__actions--no-margin {
|
||||
@media (max-width: $breakpoint-small) {
|
||||
width: unset; // It was being set to '100%' globally. Not sure why.
|
||||
width: unset; // It was being set to '100%' at the base level.
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Temp hacks until 'section__actions--no-margin' is generic again.
|
||||
.main__channelsFollowing {
|
||||
.section__actions--no-margin {
|
||||
@media (max-width: $breakpoint-small) {
|
||||
text-align: left; // It was forced to 'right' at the base level.
|
||||
.button--secondary {
|
||||
width: unset; // It was being set to '100%' at the base level.
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue