diff --git a/app/soapbox/features/status/components/detailed_status.js b/app/soapbox/features/status/components/detailed_status.js index e3e5fabec8..a31d826bed 100644 Binary files a/app/soapbox/features/status/components/detailed_status.js and b/app/soapbox/features/status/components/detailed_status.js differ diff --git a/app/soapbox/features/status/components/status_interaction_bar.js b/app/soapbox/features/status/components/status_interaction_bar.js index 1ee5de211b..4572fdb7f9 100644 Binary files a/app/soapbox/features/status/components/status_interaction_bar.js and b/app/soapbox/features/status/components/status_interaction_bar.js differ diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss index fd1f983026..868e491dcb 100644 --- a/app/styles/components/detailed-status.scss +++ b/app/styles/components/detailed-status.scss @@ -50,6 +50,11 @@ font-size: 14px; line-height: 18px; display: flex; + + .fa-envelope, + .fa-lock { + margin-right: 0.4em; + } } .detailed-status__action-bar { @@ -67,12 +72,21 @@ font-size: 13px; } -.detailed-status__favorites, -.detailed-status__reblogs { - display: inline-block; - font-weight: 500; - font-size: 12px; - margin-left: 6px; +.reblogs { + color: var(--highlight-text-color); + text-decoration: none; + vertical-align: middle; + display: inline-flex; + + i { + font-size: 20px; + margin-right: 0.2em; + } + + &__count { + font-weight: bold; + font-size: 12px; + } } .detailed-status__button { diff --git a/app/styles/components/emoji-reacts.scss b/app/styles/components/emoji-reacts.scss index 7ce5731f83..aa7c80b119 100644 --- a/app/styles/components/emoji-reacts.scss +++ b/app/styles/components/emoji-reacts.scss @@ -31,7 +31,7 @@ .emoji-reacts-container { display: inline-flex; - margin-right: auto; + margin-right: 0.4em; &:hover { .emoji-react {