Adjust padding so that the class can be reused for other pages

This commit is contained in:
DD Liu 2021-05-13 16:05:56 -04:00
parent dffcbebc37
commit cccc3abd57
2 changed files with 8 additions and 4 deletions

View file

@ -56,11 +56,11 @@ const StudioComments = ({
return (
<div>
<div className="studio-comments-header-container">
<div className="studio-header-container">
<h2><FormattedMessage id="studio.commentsHeader" /></h2>
{canEditCommentsAllowed && <StudioCommentsAllowed />}
</div>
<div>
<div className="studio-compose-container">
{shouldShowCommentComposer && commentsAllowed &&
<ComposeComment
postURI={postURI}

View file

@ -267,13 +267,17 @@ $radius: 8px;
}
}
.studio-comments-header-container {
.studio-header-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-top: 30px;
padding-bottom: 50px;
padding-bottom: 30px;
}
.studio-compose-container {
padding-top: 20px;
}
.studio-empty {