From baa52984e9efc6264470ca18ff33816a49d79527 Mon Sep 17 00:00:00 2001
From: Anthony Bellew <anthonyreflected@gmail.com>
Date: Wed, 25 Jan 2017 20:56:33 -0700
Subject: [PATCH] Add brackets to visually distinguish show more / show less
 text

---
 app/assets/javascripts/components/components/status_content.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/components/components/status_content.jsx b/app/assets/javascripts/components/components/status_content.jsx
index 521b557f0..06c0e24ee 100644
--- 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}>