client/src/components/CreateSession.js
changeset 161 a642639dbc07
parent 155 e55ae84508bf
child 167 1f340f3597a8
--- a/client/src/components/CreateSession.js	Mon Oct 08 03:30:54 2018 +0200
+++ b/client/src/components/CreateSession.js	Mon Oct 08 04:09:19 2018 +0200
@@ -78,14 +78,13 @@
       isOpen={this.state.modalIsOpen}
       onRequestClose={this.handleModalCloseRequest}
       >
-        <div className="modal-content bg-primary w-75">
-          <div className="modal-body">
+        <div className="modal-content bg-primary w-75 mt-5">
+          <div className="modal-body mt-3">
             <form onSubmit={ e => { e.preventDefault() } }>
               <div className="form-group">
                 <label className="col-form-label text-secondary font-weight-bold pt-3">Titre</label>
                 <input className="form-control text-primary w-100"
                   name="title"
-                  // defaultValue={ this.props.currentSession.title }
                   onChange={ this.onChange }
                   type="text"
                   placeholder="Entrez un titre"
@@ -96,16 +95,15 @@
                 <textarea className="form-control text-primary w-100"
                   type="textarea"
                   name="description"
-                  // defaultValue={ this.props.currentSession.description }
                   onChange={ this.onChange }
                   placeholder="Entrez une description"
                   ></textarea>
               </div>
               <div className="form-group">
                 <label className="col-form-label text-secondary font-weight-bold mt-5 ml-5" onClick={this.toggleProtocol}>Protocole de la prise de note {this.state.protocolOpen?<span className="material-icons protocol-toggle">&#xE313;</span>:<span className="material-icons protocol-toggle">&#xE315;</span>}</label>
-                <div className={ `collapse ${this.state.protocolOpen?'in':''}`} >
+                <div className={ "collapse" + (this.state.protocolOpen?'in':'')} >
                   {/* <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> */}
-                  <pre>{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre>
+                  <pre className="text-secondary">{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre>
                 </div>
               </div>
               <div className="text-center">