Add brackets to visually distinguish show more / show less text

diff --git a/app/assets/javascripts/components/components/status_content.jsx b/app/assets/javascripts/components/components/status_content.jsx
index 521b557f0e707d4ba60bc30787dec8e46359975d..06c0e24ee3db88122632edfe794c6ab04a356963 100644 (file)
--- a/app/assets/javascripts/components/components/status_content.jsx
+++ b/app/assets/javascripts/components/components/status_content.jsx
@@ -88,7 +88,7 @@ const StatusContent = React.createClass({
     const spoilerContent = { __html: emojify(status.get('spoiler_text', '')) };
 
     if (status.get('spoiler_text').length > 0) {
-      const toggleText = hidden ? <FormattedMessage id='status.show_more' defaultMessage='Show more' /> : <FormattedMessage id='status.show_less' defaultMessage='Show less' />;
+      const toggleText = hidden ? <FormattedMessage id='status.show_more' defaultMessage='[Show more]' /> : <FormattedMessage id='status.show_less' defaultMessage='[Show less]' />;
 
       return (
         <div className='status__content' style={{ cursor: 'pointer' }} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}>