Courses UI: Update tabs on details page

app/styles/courses/mock1/course-details.sass

@@ -1,5 +1,8 @@
 #course-details-view
 
+  .section-selector
+    margin-bottom: 0px
+
   .concept-completion-container
     font-size: 10pt
 

app/templates/courses/mock1/course-details.jade

@@ -4,7 +4,6 @@ block content
 
   //- DO NOT localize / i18n
 
-  div TODO: fix ugly tabs
   div
     span *UNDER CONSTRUCTION, send feedback to
     a.spl(href='mailto:team@codecombat.com') team@codecombat.com
@@ -52,8 +51,8 @@ block content
     p
       button.btn.btn-xs.btn-edit-settings(data-toggle='modal', data-target='#editSettingsModal') edit class settings
 
-  div(role='tabpanel')
-    ul.nav.nav-tabs(role='tablist')
+  div.well.well-sm.section-selector(role='tabpanel')
+    ul.nav.nav-pills(role='tablist')
       if studentMode
         li.active(role='presentation')
           a(href='#levels', aria-controls='levels', role='tab', data-toggle='tab') Levels
@@ -250,6 +249,7 @@ mixin progress-tab
                           - i++
 
 mixin levels-tab
+  br
   table.table.table-striped.table-condensed
     thead
       tr

app/templates/courses/mock1/course-enroll.jade

@@ -24,7 +24,7 @@ block content
     input.input-quantity(type='text', value="#{quantity}")
 
     h3 3. Name your class
-    p This will be displayed on the course page for you and your students, and it can be changed later.
+    p This will be displayed on the course page for you and your students.  It can be changed later.
     input.session-name(type='text', placeholder="Mrs. Smith's 4th Period")
 
     h3 4. Buy

app/templates/courses/mock1/courses.jade

@@ -4,7 +4,6 @@ block content
 
   //- DO NOT localize / i18n
 
-  div TODO: Add already enrolled view checkbox
   div(style='border-bottom: 1px solid black')
     span *UNDER CONSTRUCTION, send feedback to
     a.spl(href='mailto:team@codecombat.com') team@codecombat.com