Style our additions to app

src/client/components/CourseInfo.js

@@ -21,11 +21,9 @@ class CourseInfo extends React.Component {
 
   render() {
     return (
-      <div className="container">
-        <div onClick={this.handleCourseClick} >{this.props.course.courseName}</div>
-      </div>
+        <div className="center" onClick={this.handleCourseClick} >{this.props.course.courseName}</div>
     );
   }
 }
 
-export default connect(null, mapDispatchToState)(CourseInfo);
+export default connect(null, mapDispatchToState)(CourseInfo);

src/client/components/Decks.js

@@ -4,7 +4,7 @@ import DeckItem from './DeckItem';
 
 const Decks = ({ studentDecks }) => (
   <div className="container">
-    <h4 className="center grey-text text-darken-4">Decks</h4>
+    <h1 className="center grey-text text-darken-4">Decks</h1>
     <div className="card-list">
       <div className="card-row">
         {_.map(studentDecks, function (deckSet, key) {

src/client/components/StudentsTab.js

@@ -24,13 +24,13 @@ class StudentsTab extends React.Component {
   render() {
     return (
       <div className="container">
-        <h1>
+        <h1 className="center">
           {this.props.students.courseName}
         </h1>
         <AddStudent courseId={this.props.params.courseId} />
         <div>
           {this.props.students.students.map(student =>
-            <div>
+            <div className="center">
               <span>{student.name} {student.email}</span>
             </div>
           )}

src/client/containers/AddCourse.js

@@ -15,14 +15,20 @@ let AddCourse = ({ dispatch }) => {
         dispatch(addCourse(input.value))
         input.value = ''
       }}>
-        <input ref={node => {
-          input = node
-        }} />
-        <button type="submit">Add Course</button>
+        <div className="input-field col s6"> 
+          <input ref={node => {
+            input = node
+          }} 
+          className="validate"
+          type="text"
+          id="course_name"/>
+          <label for="course_name">Course name</label>
+        </div>
+        <button className="btn-large cyan lighten-3" type="submit">Add</button>
       </form>
     </div>
   )
 }
 AddCourse = connect()(AddCourse)
 
-export default AddCourse
+export default AddCourse

src/client/containers/AddStudent.js

@@ -15,10 +15,16 @@ let AddStudent = ({ dispatch, courseId }) => {
         dispatch(addStudent(courseId, input.value))
         input.value = ''
       }}>
-        <input ref={node => {
-          input = node
-        }} />
-        <button type="submit">Add a Student</button>
+        <div className="input-field col s6"> 
+          <input ref={node => {
+            input = node
+          }} 
+          className="validate"
+          type="text"
+          id="student_email"/>
+          <label for="student_email">Student&#39;s email address</label>
+        </div>
+        <button className="btn-large cyan lighten-3" type="submit">Add</button>
       </form>
     </div>
   )