Fix a bunch of layout issues
This commit is contained in:
@@ -4,7 +4,7 @@ import { UserList } from './UserList'
|
||||
import { UserForm } from './UserForm'
|
||||
import { UserFormPlaceholder } from './UserFormPlaceholder'
|
||||
import { api } from '../helpers'
|
||||
import { RowLayout } from '../ui'
|
||||
import { Row } from '../ui'
|
||||
import { YesNoMessageDialog, MessageDialog, ChangeEmailDialog, WaitDialog } from '../Dialog'
|
||||
|
||||
export class Users extends React.Component {
|
||||
@@ -240,16 +240,16 @@ export class Users extends React.Component {
|
||||
<div>
|
||||
<div>Users</div>
|
||||
|
||||
<RowLayout>
|
||||
<Row>
|
||||
{/* User List - Displayed on left hand side. */}
|
||||
<RowLayout.Item width={5}>
|
||||
<Row.Item width={5}>
|
||||
<UserList users={this.state.users} selectedUser={this.state.selectedUser}
|
||||
selectionModified={this.state.modified} onUserListClick={this.handleUserListClick}
|
||||
onAddNewUser={this.handleAddNewUser} />
|
||||
</RowLayout.Item>
|
||||
</Row.Item>
|
||||
|
||||
{/* User Info - Displayed on right hand side. */}
|
||||
<RowLayout.Item>
|
||||
<Row.Item>
|
||||
{
|
||||
this.state.selectedUser
|
||||
? <UserForm user={this.state.selectedUser} onSave={this.handleSave}
|
||||
@@ -257,8 +257,8 @@ export class Users extends React.Component {
|
||||
onChangeEmail={this.handleChangeEmail} onResendEmail={this.handleResendEmail} />
|
||||
: <UserFormPlaceholder />
|
||||
}
|
||||
</RowLayout.Item>
|
||||
</RowLayout>
|
||||
</Row.Item>
|
||||
</Row>
|
||||
|
||||
<ChangeEmailDialog open={!!this.state.changeEmailDialog} onDismiss={this.handleChangeEmailDismiss} />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user