From 1d311243fb8d79bf2895c11591578226dc1663d0 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Tue, 5 Apr 2016 22:20:10 +0500
Subject: PLT-2519 - Fixing users page

---
 webapp/components/admin_console/team_users.jsx |  8 +++----
 webapp/components/admin_console/user_item.jsx  | 30 ++++++++++++++------------
 2 files changed, 19 insertions(+), 19 deletions(-)

(limited to 'webapp/components')

diff --git a/webapp/components/admin_console/team_users.jsx b/webapp/components/admin_console/team_users.jsx
index 1bf3f785b..8b37bd237 100644
--- a/webapp/components/admin_console/team_users.jsx
+++ b/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}
diff --git a/webapp/components/admin_console/user_item.jsx b/webapp/components/admin_console/user_item.jsx
index c00050584..5bd05d063 100644
--- a/webapp/components/admin_console/user_item.jsx
+++ b/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>
         );
     }
 }
-- 
cgit v1.2.3-1-g7c22