--- a/client/src/components/Navbar.js Mon Sep 03 11:57:58 2018 +0200
+++ b/client/src/components/Navbar.js Mon Sep 03 20:02:14 2018 +0200
@@ -137,7 +137,7 @@
<nav className="navbar navbar-expand-lg navbar-light bg-primary sticky-top">
<div className="container-fluid">
<div className="navbar-header">
- <a id="brand" className="navbar-brand" onClick={this.onClickHome} href="/">IRI Notes</a>
+ <a className="navbar-brand" onClick={this.onClickHome} href="/">IRI Notes</a>
<button className="navbar-toggler mr-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span className="navbar-toggler-icon"></span>
<span className="icon-bar"></span>
@@ -153,7 +153,7 @@
</ul>
<ul className="navbar-nav navbar-center">
<li className="nav-item text-secondary">
- {/* <CreateSession history={this.props.history}/> */}
+ <CreateSession history={this.props.history}/>
</li>
</ul>
<ul className="nav navbar-nav ml-auto">
@@ -164,28 +164,26 @@
</ul>
</div>
<Modal
- className="Modal__Bootstrap modal-dialog"
+ className="Modal__Bootstrap modal-dialog mt-5 pt-5"
// closeTimeoutMS={150}
isOpen={this.state.modalIsOpen}
onRequestClose={this.handleModalCloseRequest}
>
- <div id="logout-modal" className="modal-content text-center">
- {/* <div className="modal-body"> */}
- <button type="button" id="logout-close-modal-button" className="btn btn-default float-right" onClick={ this.handleModalCloseRequest }><span className="material-icons">close</span></button>
+ <div id="logout-modal" className="modal-content">
+ <span id="logout-close-modal-button" className="material-icons p-0 text-right" onClick={ this.handleModalCloseRequest }>close</span>
+ <div className="modal-body text-center">
<span className="material-icons modal-warning">warning</span>
<p className="modal-text">
Certaines données n'ont pas encore été sauvegardées.
<br />
Si vous continuez, elles seront perdues.
</p>
- <div className="modal-footer">
- <button type="button" className="btn btn-primary text-secondary" id="logout-modal-button" onClick={ this.confirmLogout }>Confirmer</button>
+ <button type="button" className="btn btn-primary text-secondary font-weight-bold py-1 px-2 mb-3" id="logout-modal-button" onClick={ this.confirmLogout }>Confirmer</button>
</div>
</div>
</Modal>
</div>
</nav>
-
);
}
}