diff --git a/app/soapbox/features/ui/components/profile_stats.js b/app/soapbox/features/ui/components/profile_stats.js index 2533c581d..03f6dfc52 100644 --- a/app/soapbox/features/ui/components/profile_stats.js +++ b/app/soapbox/features/ui/components/profile_stats.js @@ -29,14 +29,23 @@ class ProfileStats extends React.PureComponent { const acct = account.get('acct'); return ( -
- - {shortNumberFormat(account.get('followers_count'))} - {intl.formatMessage(messages.followers)} +
+ + + {shortNumberFormat(account.get('followers_count'))} + + + {intl.formatMessage(messages.followers)} + - - {shortNumberFormat(account.get('following_count'))} - {intl.formatMessage(messages.follows)} + + + + {shortNumberFormat(account.get('following_count'))} + + + {intl.formatMessage(messages.follows)} +
); diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss index 6f4c0306a..8c3623af8 100644 --- a/app/styles/components/sidebar-menu.scss +++ b/app/styles/components/sidebar-menu.scss @@ -129,14 +129,14 @@ padding-left: 10px; } } - - &__stats { - display: flex; - margin-top: 12px; - } } -.sidebar-menu-profile-stat { +.profile-stats { + display: flex; + margin-top: 12px; +} + +.profile-stat { display: flex; font-size: 14px; text-decoration: none;