--- a/client/src/components/NotesList.js	Tue Aug 28 18:52:12 2018 +0200
+++ b/client/src/components/NotesList.js	Wed Aug 29 11:02:36 2018 +0200
@@ -3,6 +3,7 @@
 import Immutable from 'immutable';
 import Modal  from 'react-modal';
 import Note from './Note';
+import './NoteList.css';
 
 class NotesList extends Component {
   constructor(props) {
@@ -88,13 +89,11 @@
         isOpen={this.state.modalIsOpen}
         onRequestClose={this.handleModalCloseRequest}
         >
-          <div className="modal-content">
-            <div className="modal-body">
-              Êtes vous sûr(e) ?
-            </div>
+          <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>
+            <span className="modal-text">Êtes-vous sûr(e) de vouloir supprimer cette note ?</span>
             <div className="modal-footer">
-              <button type="submit" className="btn btn-primary btn-lg" onClick={ this.deleteNote }>Confirmer</button>
-              <button type="submit" className="btn btn-default btn-lg" onClick={ this.handleModalCloseRequest }>Fermer</button>
+              <button type="button" className="btn btn-primary" id="delete-note-modal-button" onClick={ this.deleteNote }>Confirmer</button>
             </div>
           </div>
         </Modal>