Multiple Ui improvements (#5398)

* PLT-5475 - Adjusting tutorials on mobile

* PLT-5475 - Adjusting tutorials on mobile

* PLT-5457 - Adjusting save button

* PLT-5443 - Updating highllight on status compact

* PLT-5413 - Team sidebar not scrolling

* PLT-5358 - Maintaing aspect ratio for emojis

* PLT-5411 - Removing help text from LDAP signin

* PLT-5420 - Updating emoticon for headings

* Updating emoji size

* Updating emoji size

* Removing emoticon tag

* Updating emoticon sizes

* Updating emoji size

webapp/components/emoji/components/add_emoji.jsx

@@ -186,9 +186,9 @@ export default class AddEmoji extends React.Component {
                             defaultMessage='This is a sentence with {image} in it.'
                             values={{
                                 image: (
-                                    <img
+                                    <span
                                         className='emoticon'
-                                        src={this.state.imageUrl}
+                                        style={{backgroundImage: 'url(' + this.state.imageUrl + ')'}}
                                     />
                                 )
                             }}

webapp/components/emoji/components/emoji_list_item.jsx

@@ -98,9 +98,9 @@ export default class EmojiListItem extends React.Component {
                     {':' + emoji.name + ':'}
                 </td>
                 <td className='emoji-list__image'>
-                    <img
+                    <span
                         className='emoticon'
-                        src={EmojiStore.getEmojiImageUrl(emoji)}
+                        style={{backgroundImage: 'url(' + EmojiStore.getEmojiImageUrl(emoji) + ')'}}
                     />
                 </td>
                 <td className='emoji-list__creator'>

webapp/components/post_view/components/reaction.jsx

@@ -188,9 +188,9 @@ export default class Reaction extends React.Component {
                     className={className}
                     onClick={handleClick}
                 >
-                    <img
-                        className='post-reaction__emoji'
-                        src={EmojiStore.getEmojiImageUrl(EmojiStore.get(this.props.emojiName))}
+                    <span
+                        className='post-reaction__emoji emoticon'
+                        style={{backgroundImage: 'url(' + EmojiStore.getEmojiImageUrl(EmojiStore.get(this.props.emojiName)) + ')'}}
                     />
                     <span className='post-reaction__count'>
                         {this.props.reactions.length}

webapp/components/profile_popover.jsx

@@ -244,7 +244,7 @@ export default class ProfilePopover extends React.Component {
                 <div
                     data-toggle='tooltip'
                     key='user-popover-dm'
-                    className='popover-dm__content'
+                    className='popover__row'
                 >
                     <a
                         href='#'

webapp/components/user_settings/user_settings_general.jsx

@@ -500,7 +500,6 @@ class UserSettingsGeneralTab extends React.Component {
                                 }}
                             />
                         </div>
-                        {helpText}
                     </div>
                 );
             } else if (this.props.user.auth_service === Constants.SAML_SERVICE) {