Merge pull request #2448 from asaadmahmoodspin/ui-improvements

Updating sass lint stuff with other scss improvements

webapp/components/center_panel.jsx

@@ -120,7 +120,10 @@ export default class CenterPanel extends React.Component {
                         id='app-content'
                         className='app__content'
                     >
-                        <div id='channel-header'>
+                        <div
+                            id='channel-header'
+                            className='channel-header'
+                        >
                             <ChannelHeader
                                 user={this.state.user}
                             />

webapp/components/more_channels.jsx

@@ -160,7 +160,7 @@ export default class MoreChannels extends React.Component {
 
         return (
             <div
-                className='modal fade'
+                className='modal fade more-channel__modal'
                 id='more_channels'
                 ref='modal'
                 tabIndex='-1'

webapp/components/new_channel_modal.jsx

@@ -38,7 +38,7 @@ class NewChannelModal extends React.Component {
     }
     componentDidMount() {
         if (Utils.isBrowserIE()) {
-            $('body').addClass('browser--IE');
+            $('body').addClass('browser--ie');
         }
     }
     handleSubmit(e) {

webapp/components/popover_list_members.jsx

@@ -158,6 +158,7 @@ export default class PopoverListMembers extends React.Component {
                     <Popover
                         ref='memebersPopover'
                         title={title}
+                        className='member-list__popover'
                         id='member-list-popover'
                     >
                         <div className='more-modal__list'>{popoverHtml}</div>

webapp/components/view_image.jsx

@@ -311,15 +311,15 @@ class ViewImageModal extends React.Component {
             <Modal
                 show={this.props.show}
                 onHide={this.props.onModalDismissed}
-                className='image_modal'
+                className='modal-image'
                 dialogClassName='modal-image'
             >
                 <Modal.Body
-                    modalClassName='image-body'
+                    modalClassName='modal-image__body'
                     onClick={this.props.onModalDismissed}
                 >
                     <div
-                        className={'image-wrapper'}
+                        className={'modal-image__wrapper'}
                         onClick={this.props.onModalDismissed}
                     >
                         <div