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

@@ -25,18 +25,18 @@ input.courseware-unit-search-input {
 	    width: 145px;
 
 	    .status-label {
-	            position: absolute;
-	            top: 2px;
-	            right: -5px;
-	            display: none;
-	            width: 110px;
-	            padding: 5px 40px 5px 10px;
-	            @include border-radius(3px);
-	            color: $lightGrey;
-	            text-align: right;
-	            font-size: 12px;
-	            font-weight: bold;
-	            line-height: 16px;
+	      position: absolute;
+	      top: 2px;
+	      right: -5px;
+	      display: none;
+	      width: 110px;
+	      padding: 5px 40px 5px 10px;
+	      @include border-radius(3px);
+	      color: $lightGrey;
+	      text-align: right;
+	      font-size: 12px;
+	      font-weight: bold;
+	      line-height: 16px;
 	    }
 
 	    .menu-toggle {
@@ -643,4 +643,21 @@ input.courseware-unit-search-input {
 	margin-top: 10px;
 	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;
+}
+
+
+