Fix spacing on community row
This commit is contained in:
parent
5f06812c9d
commit
70a860b8d0
2 changed files with 6 additions and 9 deletions
|
@ -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'
|
||||||
)}{' '}
|
)}{' '}
|
||||||
|
|
|
@ -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
|
||||||
*/
|
*/
|
||||||
|
|
Loading…
Reference in a new issue