Fixing issues with memberList modal

web/react/components/member_list.jsx

@@ -17,26 +17,26 @@ export default class MemberList extends React.Component {
 
         var message = '';
         if (members.length === 0) {
-            message = <span>No users to add.</span>;
+            message = <tr><td>No users to add.</td></tr>;
         }
 
         return (
             <table className='table more-table member-list-holder'>
                 <tbody>
-                {members.map(function mymembers(member) {
+                    {members.map(function mymembers(member) {
-                    return (
+                        return (
-                        <MemberListItem
+                            <MemberListItem
-                            key={member.id}
+                                key={member.id}
-                            member={member}
+                                member={member}
-                            isAdmin={this.props.isAdmin}
+                                isAdmin={this.props.isAdmin}
-                            handleInvite={this.props.handleInvite}
+                                handleInvite={this.props.handleInvite}
-                            handleRemove={this.props.handleRemove}
+                                handleRemove={this.props.handleRemove}
-                            handleMakeAdmin={this.props.handleMakeAdmin}
+                                handleMakeAdmin={this.props.handleMakeAdmin}
-                        />
+                            />
-                    );
+                        );
-                }, this)}
+                    }, this)}
+                    {message}
                 </tbody>
-                {message}
             </table>
         );
     }

web/sass-files/sass/partials/_modal.scss

@@ -368,7 +368,7 @@
 	}
 
 	.modal-body {
-		padding: 10px 0 0;
+		padding: 10px 0 20px;
 		@include clearfix;
 	}