PLT-963 - Improving scss structure

web/react/components/admin_console/admin_controller.jsx

@@ -172,7 +172,10 @@ export default class AdminController extends React.Component {
         }
 
         return (
-            <div id='admin_controller'>
+            <div
+                id='admin_controller'
+                className='admin-controller'
+            >
                 <div
                     className='sidebar--menu'
                     id='sidebar-menu'
@@ -186,7 +189,7 @@ export default class AdminController extends React.Component {
                     removeSelectedTeam={this.removeSelectedTeam}
                     addSelectedTeam={this.addSelectedTeam}
                 />
-                <div className='inner__wrap channel__wrap'>
+                <div className='inner-wrap channel__wrap'>
                     <div className='row header'>
                     </div>
                     <div className='row main'>

web/react/components/admin_console/team_users.jsx

@@ -163,7 +163,7 @@ export default class UserList extends React.Component {
                     className='form-horizontal'
                     role='form'
                 >
-                    <table className='table more-table member-list-holder'>
+                    <table className='more-modal__list member-list-holder'>
                         <tbody>
                             {memberList}
                         </tbody>

web/react/components/admin_console/user_item.jsx

@@ -363,15 +363,15 @@ export default class UserItem extends React.Component {
 
         return (
             <tr>
-                <td className='row member-div padding--equal'>
+                <td className='more-modal__row'>
                     <img
-                        className='post-profile-img pull-left'
+                        className='more-modal__image pull-left'
                         src={`/api/v1/users/${user.id}/image?time=${user.update_at}`}
                         height='36'
                         width='36'
                     />
-                    <span className='more-name'>{Utils.getDisplayName(user)}</span>
-                    <span className='more-description'>{email}</span>
+                    <span className='more-modal__name'>{Utils.getDisplayName(user)}</span>
+                    <span className='more-modal__description'>{email}</span>
                     <div className='dropdown member-drop'>
                         <a
                             href='#'