PLT-2519 - Fixing users page

webapp/components/admin_console/team_users.jsx

@@ -165,11 +165,9 @@ export default class UserList extends React.Component {
                     className='form-horizontal'
                     role='form'
                 >
-                    <table className='more-modal__list member-list-holder'>
-                        <tbody>
-                            {memberList}
-                        </tbody>
-                    </table>
+                    <div className='more-modal__list member-list-holder'>
+                        {memberList}
+                    </div>
                 </form>
                 <ResetPasswordModal
                     user={this.state.user}

webapp/components/admin_console/user_item.jsx

@@ -365,16 +365,18 @@ export default class UserItem extends React.Component {
         }
 
         return (
-            <tr>
-                <td className='more-modal__row'>
-                    <img
-                        className='more-modal__image pull-left'
-                        src={`/api/v1/users/${user.id}/image?time=${user.update_at}`}
-                        height='36'
-                        width='36'
-                    />
-                    <span className='more-modal__name'>{Utils.getDisplayName(user)}</span>
-                    <span className='more-modal__description'>{email}</span>
+            <div className='more-modal__row'>
+                <img
+                    className='more-modal__image pull-left'
+                    src={`/api/v1/users/${user.id}/image?time=${user.update_at}`}
+                    height='36'
+                    width='36'
+                />
+                <div className='more-modal__details'>
+                    <div className='more-modal__name'>{Utils.getDisplayName(user)}</div>
+                    <div className='more-modal__description'>{email}</div>
+                </div>
+                <div className='more-modal__actions'>
                     <div className='dropdown member-drop'>
                         <a
                             href='#'
@@ -409,10 +411,10 @@ export default class UserItem extends React.Component {
                             </li>
                         </ul>
                     </div>
-                    {makeDemoteModal}
-                    {serverError}
-                </td>
-            </tr>
+                </div>
+                {makeDemoteModal}
+                {serverError}
+            </div>
         );
     }
 }