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 {