Merge pull request #1352 from MITx/feature/dhm/drag

min height on droppable areas and add padding to top/bottom on hover.

cms/static/js/base.js

@@ -112,12 +112,14 @@ $(document).ready(function() {
     	accept : '.unit',
     	greedy: true,
     	tolerance: "pointer",
+    	hoverClass: "dropover",
     	drop: onUnitReordered
     });
     $('.subsection-list > ol').droppable({
     	// why don't we have a more useful class for subsections than id-holder?
     	accept : '.id-holder', // '.unit, .id-holder',
     	tolerance: "pointer",
+    	hoverClass: "dropover",
     	drop: onSubsectionReordered,
     	greedy: true
     });

cms/static/sass/_courseware.scss

@@ -644,3 +644,20 @@ input.courseware-unit-search-input {
 	font-size: 13px;
 	color: $darkGrey;
 }
+
+// sort/drag and drop
+.ui-droppable {
+  min-height: 20px;
+
+  &.dropover {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+}
+
+ol.ui-droppable .branch:first-child .section-item {
+	border-top: none;
+}
+
+
+