diff --git a/app/assets/javascripts/components/features/status/components/detailed_status.jsx b/app/assets/javascripts/components/features/status/components/detailed_status.jsx index c2fa1a32585..8ab2143723d 100644 --- a/app/assets/javascripts/components/features/status/components/detailed_status.jsx +++ b/app/assets/javascripts/components/features/status/components/detailed_status.jsx @@ -51,7 +51,7 @@ class DetailedStatus extends React.PureComponent { return (
-
+
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index a7d1b28654f..1c798f2f2db 100644 --- a/app/assets/stylesheets/components.scss +++ b/app/assets/stylesheets/components.scss @@ -496,6 +496,9 @@ a.status__content__spoiler-link { .status__display-name { color: lighten($color1, 26%); +} + +.status__info .status__display-name { display: block; max-width: 100%; padding-right: 25px; @@ -835,7 +838,7 @@ a.status__content__spoiler-link { } .detailed-status__display-avatar { - float: right; + float: left; margin-right: 10px; } @@ -861,7 +864,7 @@ a.status__content__spoiler-link { opacity: 0.5; } - .status__content__spoiler-link { + a.status__content__spoiler-link { background: lighten($color1, 26%); color: lighten($color1, 4%); @@ -889,6 +892,10 @@ a.status__content__spoiler-link { .notification__favourite-icon-wrapper { left: -26px; position: absolute; + + .star-icon { + color: #ca8f04; + } } .star-icon.active {