diff --git a/app/javascript/mastodon/components/status_content.js b/app/javascript/mastodon/components/status_content.js
index 61a71e2f0..6528337ae 100644
--- a/app/javascript/mastodon/components/status_content.js
+++ b/app/javascript/mastodon/components/status_content.js
@@ -141,7 +141,7 @@ export default class StatusContent extends React.PureComponent {
)).reduce((aggregate, item) => [...aggregate, item, ' '], []);
- const toggleText = hidden ? : ;
+ const toggleText = hidden ? [, mediaIcon ? : null] : [];
if (hidden) {
mentionsPlaceholder =
{mentionLinks}
;
@@ -153,7 +153,7 @@ export default class StatusContent extends React.PureComponent {
{' '}
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index e75f92e9d..145854697 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -495,10 +495,19 @@
cursor: pointer;
vertical-align: bottom;
- &:hover {
- background: lighten($ui-base-color, 33%);
- text-decoration: none;
- }
+ &:hover {
+ background: lighten($ui-base-color, 33%);
+ text-decoration: none;
+ }
+
+ .status__content__spoiler-icon {
+ display: inline-block;
+ margin: 0 0 0 5px;
+ border-left: 1px solid currentColor;
+ padding: 0 0 0 4px;
+ font-size: 16px;
+ vertical-align: -2px;
+ }
}
.status__prepend-icon-wrapper {