diff --git a/app/soapbox/features/ui/components/profile_info_panel.js b/app/soapbox/features/ui/components/profile_info_panel.js index 64e25ad4c..85cba70d7 100644 --- a/app/soapbox/features/ui/components/profile_info_panel.js +++ b/app/soapbox/features/ui/components/profile_info_panel.js @@ -135,7 +135,7 @@ class ProfileInfoPanel extends ImmutablePureComponent {
} - {isLocal(account) &&
+ {isLocal(account) &&
} - + {(fields.size > 0 || identity_proofs.size > 0) && (
diff --git a/app/soapbox/features/ui/components/profile_stats.js b/app/soapbox/features/ui/components/profile_stats.js index 03f6dfc52..f74ab153d 100644 --- a/app/soapbox/features/ui/components/profile_stats.js +++ b/app/soapbox/features/ui/components/profile_stats.js @@ -4,6 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes'; import { NavLink } from 'react-router-dom'; import { shortNumberFormat } from 'soapbox/utils/numbers'; import { injectIntl, defineMessages } from 'react-intl'; +import classNames from 'classnames'; const messages = defineMessages({ followers: { id: 'account.followers', defaultMessage: 'Followers' }, @@ -16,10 +17,11 @@ class ProfileStats extends React.PureComponent { static propTypes = { intl: PropTypes.object.isRequired, account: ImmutablePropTypes.map.isRequired, + className: PropTypes.string, } render() { - const { intl } = this.props; + const { intl, className } = this.props; const { account } = this.props; if (!account) { @@ -29,7 +31,7 @@ class ProfileStats extends React.PureComponent { const acct = account.get('acct'); return ( -
+
{shortNumberFormat(account.get('followers_count'))} diff --git a/app/styles/components/profile-info-panel.scss b/app/styles/components/profile-info-panel.scss index ea6cda033..f21361f7d 100644 --- a/app/styles/components/profile-info-panel.scss +++ b/app/styles/components/profile-info-panel.scss @@ -20,20 +20,26 @@ margin: 5px 0; flex-direction: row; flex-wrap: wrap; + } - &__join-date { - display: block; - margin-top: 5px; + &__join-date { + display: flex; + font-size: 14px; + color: var(--primary-text-color--faint); + align-items: center; + line-height: normal; - .fa { - margin-right: 8px; - } + .fa { + margin-right: 8px; + font-size: 20px; + } + } - span { - color: var(--primary-text-color); - font-size: 15px; - line-height: 1.25; - } + &__stats { + margin-top: 15px; + + .profile-stat { + font-size: 16px; } } @@ -56,7 +62,7 @@ small { display: block; - font-size: 16px; + font-size: 15px; line-height: 1.5; color: var(--primary-text-color--faint); font-weight: 400; diff --git a/app/styles/components/profile-stats.scss b/app/styles/components/profile-stats.scss index 685805a7a..cafd9f8e9 100644 --- a/app/styles/components/profile-stats.scss +++ b/app/styles/components/profile-stats.scss @@ -23,8 +23,4 @@ display: flex; color: var(--primary-text-color--faint); } - - &:hover { - text-decoration: underline; - } }