diff --git a/src/views/preview/comment/comment.scss b/src/views/preview/comment/comment.scss index 92d4ecd46..98e55ef6c 100644 --- a/src/views/preview/comment/comment.scss +++ b/src/views/preview/comment/comment.scss @@ -199,6 +199,8 @@ } .comment-content { + font-size: 1rem; + line-height: 1.5rem; overflow-wrap: break-word; } diff --git a/src/views/preview/presentation.jsx b/src/views/preview/presentation.jsx index 91bb3a725..c5fcc6499 100644 --- a/src/views/preview/presentation.jsx +++ b/src/views/preview/presentation.jsx @@ -459,21 +459,6 @@ const PreviewPresentation = ({ /> </FlexRow> </MediaQuery> - {showModInfo && - <React.Fragment> - <div className="project-textlabel"> - <FormattedMessage id="project.moderationInfoLabel" /> - </div> - <ModInfo - revisedDate={revisedDate} - scripts={modInfo.scriptCount} - sprites={modInfo.spriteCount} - /> - - </React.Fragment> - } - - <MediaQuery minWidth={frameless.tablet}> <FlexRow className="preview-row"> <FlexRow className="extension-list"> @@ -489,6 +474,15 @@ const PreviewPresentation = ({ </FlexRow> </FlexRow> </MediaQuery> + {showModInfo && + <FlexRow className="preview-row"> + <ModInfo + revisedDate={revisedDate} + scripts={modInfo.scriptCount} + sprites={modInfo.spriteCount} + /> + </FlexRow> + } </div> <div className="project-lower-container"> <div className="inner"> diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss index 2158aafd7..c776a2108 100644 --- a/src/views/preview/preview.scss +++ b/src/views/preview/preview.scss @@ -427,7 +427,7 @@ $stage-width: 480px; overflow: auto; white-space: pre-line; font-size: 1rem; - // flex-grow + line-height: 1.5rem; flex: 1; } @@ -474,6 +474,10 @@ $stage-width: 480px; flex: 1; } + & .inplace-textarea { + line-height: 1.5rem; /* Override 1.75 from form styling */ + } + ::-webkit-input-placeholder { /* Chrome <=56, Safari < 10 */ transition: opacity .25s; opacity: 1;