1 files changed, 35 insertions, 2 deletions

diff --git a/web/react/components/search_results_item.jsx b/web/react/components/search_results_item.jsx
index da422fe1b..f71abf971 100644
--- a/web/react/components/search_results_item.jsx
+++ b/web/react/components/search_results_item.jsx
@@ -8,17 +8,31 @@ import * as EventHelpers from '../dispatcher/event_helpers.jsx';
 import * as utils from '../utils/utils.jsx';
 import * as TextFormatting from '../utils/text_formatting.jsx';
 
+import Constants from '../utils/constants.jsx';
+
 export default class SearchResultsItem extends React.Component {
     constructor(props) {
         super(props);
 
         this.handleClick = this.handleClick.bind(this);
+        this.handleFocusRHSClick = this.handleFocusRHSClick.bind(this);
     }
 
     handleClick(e) {
         e.preventDefault();
 
         EventHelpers.emitPostFocusEvent(this.props.post.id);
+
+        if ($(window).width() < 768) {
+            $('.sidebar--right').removeClass('move--left');
+            $('.inner__wrap').removeClass('move--left');
+        }
+    }
+
+    handleFocusRHSClick(e) {
+        e.preventDefault();
+
+        EventHelpers.emitPostFocusRightHandSideEvent(this.props.post);
     }
 
     render() {
@@ -41,7 +55,6 @@ export default class SearchResultsItem extends React.Component {
         return (
             <div
                 className='search-item-container post'
-                onClick={this.handleClick}
             >
                 <div className='search-channel__name'>{channelName}</div>
                 <div className='post__content'>
@@ -60,10 +73,30 @@ export default class SearchResultsItem extends React.Component {
                                     {utils.displayDate(this.props.post.create_at) + ' ' + utils.displayTime(this.props.post.create_at)}
                                 </time>
                             </li>
+                            <li>
+                                <a
+                                    href='#'
+                                    className='search-item__jump'
+                                    onClick={this.handleClick}
+                                >
+                                    {'Jump'}
+                                </a>
+                            </li>
+                            <li>
+                                <a
+                                    href='#'
+                                    className='comment-icon__container search-item__comment'
+                                    onClick={this.handleFocusRHSClick}
+                                >
+                                    <span
+                                        className='comment-icon'
+                                        dangerouslySetInnerHTML={{__html: Constants.COMMENT_ICON}}
+                                    />
+                                </a>
+                            </li>
                         </ul>
                         <div className='search-item-snippet'>
                             <span
-                                onClick={this.handleClick}
                                 dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.props.post.message, formattingOptions)}}
                             />
                         </div>