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;
- }
}