fixed reordering of subsection and units; they now save on update without error

cms/static/js/base.js

@@ -62,7 +62,7 @@ $(document).ready(function() {
     });
 
     // Subsection reordering
-    $('.unit-list ol').sortable({
+    $('.subsection-list > ol').sortable({
         axis: 'y',
         handle: '.section-item .drag-handle',
         update: onSubsectionReordered

cms/static/sass/_courseware.scss

@@ -38,8 +38,8 @@ input.courseware-unit-search-input {
 		}
 	}
 
-	&.collapsed .unit-list,
-	.collapsed .unit-list,
+	&.collapsed .subsection-list,
+	.collapsed .subsection-list,
 	.collapsed > ol {
 		display: none !important;
 	}
@@ -94,7 +94,7 @@ input.courseware-unit-search-input {
 		border-radius: 3px 3px 0 0;
 	}
 
-	.unit-list {
+	.subsection-list {
 		margin: 0 12px;
 
 		> ol {

cms/static/sass/_subsection.scss

@@ -15,7 +15,7 @@
 		width: 100%;
 	}
 
-	.unit-list {
+	.sortable-unit-list {
 		ol {
 			@include tree-view;
 		}

cms/templates/edit_subsection.html

@@ -27,7 +27,7 @@
           <label>Format:</label>
           <input type="text" value="${subsection.metadata['format'] if 'format' in subsection.metadata else ''}" class="unit-subtitle" data-metadata-name="format"/>
         </div>
-        <div class="unit-list">
+        <div class="sortable-unit-list">
           <label>Units:</label>
           ${units.enum_units(subsection, subsection_units=subsection_units)}
         </div>

cms/templates/overview.html

@@ -98,7 +98,7 @@
               <a href="#" class="drag-handle"></a>
             </div>
           </header>
-          <div class="unit-list">
+          <div class="subsection-list">
             <div class="list-header">
               <a href="#" class="new-subsection-item" data-template="${new_subsection_template}">
                 <span class="new-folder-icon"></span>New Subsection