|
|
@@ -32,11 +32,11 @@ export default class DeletePageListModal extends React.Component {
|
|
|
|
|
|
return (
|
|
|
<Modal isOpen={this.props.isShown} toggle={this.props.cancel} className="page-list-delete-modal">
|
|
|
- <ModalHeader toggle={this.props.cancel}>
|
|
|
+ <ModalHeader className="border-bottom" toggle={this.props.cancel}>
|
|
|
Deleting pages:
|
|
|
</ModalHeader>
|
|
|
- <ModalBody>
|
|
|
- <ul>
|
|
|
+ <ModalBody className="border-bottom">
|
|
|
+ <ul className="m-0">
|
|
|
{listView}
|
|
|
</ul>
|
|
|
</ModalBody>
|
|
|
@@ -44,7 +44,9 @@ export default class DeletePageListModal extends React.Component {
|
|
|
<div className="d-flex justify-content-between">
|
|
|
<span className="text-danger">{this.props.errorMessage}</span>
|
|
|
<span className="d-flex align-items-center">
|
|
|
- <input type="checkbox" className="text-danger" onClick={this.props.toggleDeleteCompletely} />Delete completely
|
|
|
+ <label className="text-danger mb-0 mr-3">
|
|
|
+ <input type="checkbox" onClick={this.props.toggleDeleteCompletely} className="align-middle mr-2" />Delete completely
|
|
|
+ </label>
|
|
|
<span className="m-l-10">
|
|
|
<Button color="secondary" onClick={this.props.confirmedToDelete}><i className="icon-trash"></i>Delete</Button>
|
|
|
</span>
|
takahiros