Add styles improvements for deleting rows.

pull/10616/head
Hunter Trujillo 2017-03-06 14:22:03 -07:00
parent e9f0f63345
commit 2539e49cfe
4 changed files with 8 additions and 8 deletions

View File

@ -10,18 +10,18 @@ const DeleteButton = ({onConfirm}) => (
) )
const ConfirmButtons = ({onDelete, item, onCancel}) => ( const ConfirmButtons = ({onDelete, item, onCancel}) => (
<div className="admin-table--delete"> <div>
<button <button
className="btn btn-xs btn-primary " className="btn btn-xs btn-primary"
onClick={() => onDelete(item)} onClick={() => onDelete(item)}
> >
Confirm <span className="icon checkmark"></span>
</button> </button>
<button <button
className="btn btn-xs btn-default" className="btn btn-xs btn-default"
onClick={onCancel} onClick={onCancel}
> >
Cancel <span className="icon remove"></span>
</button> </button>
</div> </div>
) )

View File

@ -51,7 +51,7 @@ const RoleRow = ({role: {name, permissions, users}, role, onDelete}) => (
/> : '\u2014' /> : '\u2014'
} }
</td> </td>
<td className="text-right"> <td className="text-right" style={{width: "85px"}}>
<DeleteRow onDelete={onDelete} item={role} /> <DeleteRow onDelete={onDelete} item={role} />
</td> </td>
</tr> </tr>

View File

@ -27,7 +27,7 @@ const UserRow = ({user: {name, roles, permissions}, user, onDelete}) => (
/> : '\u2014' /> : '\u2014'
} }
</td> </td>
<td> <td className="text-right" style={{width: "85px"}}>
<DeleteRow onDelete={onDelete} item={user} /> <DeleteRow onDelete={onDelete} item={user} />
</td> </td>
</tr> </tr>

View File

@ -3,9 +3,9 @@ import UserRow from 'src/admin/components/UserRow'
import EmptyRow from 'src/admin/components/EmptyRow' import EmptyRow from 'src/admin/components/EmptyRow'
const UsersTable = ({users, onDelete}) => ( const UsersTable = ({users, onDelete}) => (
<div className="panel panel-minimal"> <div className="panel panel-info">
<div className="panel-body"> <div className="panel-body">
<table className="table v-center"> <table className="table v-center admin-table">
<thead> <thead>
<tr> <tr>
<th>User</th> <th>User</th>