client/src/components/Navbar.js
changeset 154 a28361bda28c
parent 151 57d63a248f0d
child 155 e55ae84508bf
--- 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>
-
     );
   }
 }