Update class progress colors

app/styles/courses/classroom-view.sass

@@ -1,7 +1,8 @@
 #classroom-view
 
   .enable-btn
-    margin: 1px
+    margin-top: 1px
+    margin-bottom: 4px
 
   #main-button-area
     .btn
@@ -16,6 +17,12 @@
   .progress-bar
     border-right: 1px solid grey
 
+  .progress-bar-complete
+    background-color: #9DE257
+    color: grey
+  .progress-bar-started
+    background-color: #FFF6A1
+    color: grey
   .progress-bar-default
     background-color: white
     color: grey

app/templates/courses/classroom-view.jade

@@ -98,9 +98,9 @@ block content
                     a(href=view.getLevelURL(level, course, courseInstance, session))
                       - var content = view.levelPopoverContent(level, session, i);
                       if session && session.get('state') && session.get('state').complete
-                        .progress-bar.progress-bar-success(style=css, data-content=content, data-toggle='popover')= i
+                        .progress-bar.progress-bar-complete(style=css, data-content=content, data-toggle='popover')= i
                       else if session
-                        .progress-bar.progress-bar-warning(style=css, data-content=content, data-toggle='popover')= i
+                        .progress-bar.progress-bar-started(style=css, data-content=content, data-toggle='popover')= i
                       else
                         .progress-bar.progress-bar-default(style=css, data-content=content, data-toggle='popover')= i
         else if paidFor

app/views/courses/ClassroomView.coffee

@@ -174,6 +174,8 @@ module.exports = class ClassroomView extends RootView
     else
       onCourseInstanceCreated()
 
+    # TODO: update newly visible level progress bar (currently all white)
+
   onClickRemoveStudentLink: (e) ->
     user = @users.get($(e.target).closest('a').data('user-id'))
     modal = new RemoveStudentModal({