Fix spacing on community row

This commit is contained in:
Sean Yesmunt 2018-07-13 11:29:25 -04:00
parent 5f06812c9d
commit 70a860b8d0
2 changed files with 6 additions and 9 deletions

View file

@ -249,7 +249,7 @@ class CategoryList extends React.PureComponent<Props, State> {
)} )}
</div> </div>
{obscureNsfw && isCommunityTopBids ? ( {obscureNsfw && isCommunityTopBids ? (
<div className="card__content help"> <div className="card-row__message help">
{__( {__(
'The community top bids section is only visible if you allow mature content in the app. You can change your content viewing preferences' 'The community top bids section is only visible if you allow mature content in the app. You can change your content viewing preferences'
)}{' '} )}{' '}

View file

@ -281,14 +281,6 @@
&:last-of-type { &:last-of-type {
padding-bottom: $spacing-vertical * 2/3; padding-bottom: $spacing-vertical * 2/3;
} }
// This is only for the text that is displayed when a user has nsfw hidden
// It is not used anywhere else in the app and is needed due to the css related to
// the content that scrolls off the edge of the screen
.card__content.help {
padding: 0 $spacing-width;
white-space: normal;
}
} }
.card-row__header { .card-row__header {
@ -350,6 +342,11 @@
} }
} }
.card-row__message {
padding: 0 $spacing-width;
white-space: normal;
}
/* /*
How cards are displayed in lists How cards are displayed in lists
*/ */