client/src/components/NotesList.js
changeset 151 57d63a248f0d
parent 150 97536386b397
child 154 a28361bda28c
--- a/client/src/components/NotesList.js	Wed Aug 29 11:02:36 2018 +0200
+++ b/client/src/components/NotesList.js	Fri Aug 31 15:14:18 2018 +0200
@@ -15,6 +15,10 @@
     };
   }
 
+  componentWillMount() {
+    Modal.setAppElement('body');
+}
+
   openModal = () => {
     this.setState({modalIsOpen: true});
   }
@@ -90,10 +94,10 @@
         onRequestClose={this.handleModalCloseRequest}
         >
           <div id="delete-note-modal" className="modal-content text-center">
-            <button type="button" id="delete-note-close-modal-button" className="btn btn-default pull-right" onClick={ this.handleModalCloseRequest }><span className="material-icons">close</span></button>
+            <button type="button" id="delete-note-close-modal-button" className="btn btn-secondary float-right" onClick={ this.handleModalCloseRequest }><span className="material-icons">close</span></button>
             <span className="modal-text">Êtes-vous sûr(e) de vouloir supprimer cette note ?</span>
             <div className="modal-footer">
-              <button type="button" className="btn btn-primary" id="delete-note-modal-button" onClick={ this.deleteNote }>Confirmer</button>
+              <button type="button" className="btn btn-primary text-secondary" id="delete-note-modal-button" onClick={ this.deleteNote }>Confirmer</button>
             </div>
           </div>
         </Modal>