Multiple Ui improvements (#4767)

* PLT-4911 - Adding new target for OAuth help links

* PLT-4953 - Fixing styles for the unread messages indicator

* PLT-4901 - Fixing header modal overlap on mobile

* PLT-4916 - Swapping position of edit and delete

1 files changed, 4 insertions, 5 deletions

diff --git a/webapp/components/post_view/components/new_message_indicator.jsx b/webapp/components/post_view/components/new_message_indicator.jsx
index 35a299462..f9bd17bd7 100644
--- a/webapp/components/post_view/components/new_message_indicator.jsx
+++ b/webapp/components/post_view/components/new_message_indicator.jsx
@@ -21,7 +21,7 @@ export default class NewMessageIndicator extends React.Component {
         }
     }
     render() {
-        let className = 'nav-pills__unread-indicator-bottom';
+        let className = 'new-messages__button';
         if (this.state.visible > 0) {
             className += ' visible';
         }
@@ -31,20 +31,19 @@ export default class NewMessageIndicator extends React.Component {
         return (
             <div
                 className={className}
-                onClick={this.props.onClick}
                 onTransitionEnd={this.setRendered.bind(this)}
                 ref='indicator'
             >
-                <span>
+                <div onClick={this.props.onClick}>
                     <i
-                        className='fa fa-arrow-circle-o-down'
+                        className='fa fa-angle-down'
                     />
                     <FormattedMessage
                         id='posts_view.newMsgBelow'
                         defaultMessage='{count} new {count, plural, one {message} other {messages}} below'
                         values={{count: this.props.newMessages}}
                     />
-                </span>
+                </div>
             </div>
         );
     }