client/src/components/SessionForm.js
changeset 151 57d63a248f0d
parent 148 fcce52a159bc
child 161 a642639dbc07
--- a/client/src/components/SessionForm.js	Wed Aug 29 11:02:36 2018 +0200
+++ b/client/src/components/SessionForm.js	Fri Aug 31 15:14:18 2018 +0200
@@ -55,10 +55,10 @@
 
     return (
         <div className="panel-default">
-          <div className="panel-body">
+          <div className="card-body">
             <form onSubmit={ e => { e.preventDefault() } }>
               <div className="form-group">
-                <label className="control-label">Titre</label>
+                <label className="col-form-label text-primary">Titre</label>
                 <input className="form-control"
                   name="title"
                   defaultValue={ this.props.currentSession.title }
@@ -68,7 +68,7 @@
                 />
               </div>
               <div className="form-group">
-                <label className="control-label">Description</label>
+                <label className="col-form-label text-primary">Description</label>
                 <input className="form-control"
                   type="textarea"
                   name="description"
@@ -78,11 +78,11 @@
                 />
               </div>
               <div className="form-group">
-                <label className="control-label">Group</label>
+                <label className="col-form-label">Group</label>
                 <p>{this.props.currentSession.group}</p>
               </div>
               <div className="form-group">
-                <label className="control-label" onClick={this.toggleProtocol}>Protocol {this.state.protocolOpen?<span className="material-icons protocol-toggle">&#xE313;</span>:<span className="material-icons protocol-toggle">&#xE315;</span>}</label>
+                <label className="col-form-label" onClick={this.toggleProtocol}>Protocol {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':''}`} >
                   <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre>
                 </div>