diff --git a/app/soapbox/features/admin/moderation_log.js b/app/soapbox/features/admin/moderation_log.js index f9b34de2b..e84fd6ed6 100644 --- a/app/soapbox/features/admin/moderation_log.js +++ b/app/soapbox/features/admin/moderation_log.js @@ -39,7 +39,7 @@ class ModerationLog extends ImmutablePureComponent { const showLoading = isLoading && items.count() === 0; return ( - + { + const { intl } = this.props; + + return [{ + text: intl.formatMessage(messages.modlog), + to: '/admin/log', + }]; + } + componentDidMount() { const { dispatch } = this.props; dispatch(fetchReports()) @@ -50,7 +60,7 @@ class Reports extends ImmutablePureComponent { const showLoading = isLoading && reports.count() === 0; return ( - + +
+ + {menu && ( +
+ +
+ )} + +
+ {children} + + ); + } + +} diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss index a2f430538..a48fb87d5 100644 --- a/app/styles/components/columns.scss +++ b/app/styles/components/columns.scss @@ -726,3 +726,44 @@ margin-right: 8px; } } + +.column--better { + .column__top { + display: flex; + align-items: center; + } + + .column-header { + margin-right: auto; + } + + .column__menu { + display: flex; + align-items: center; + justify-content: center; + + &, + > div, + button { + height: 100%; + } + + button { + padding: 0 15px; + + > div { + display: flex; + align-items: center; + justify-content: center; + } + } + } + + .column-back-button--slim { + &-button { + position: relative; + top: auto; + right: auto; + } + } +}