Added better styles for draggable

cms/static/sass/_calendar.scss

@@ -108,14 +108,43 @@ section.cal {
 
         li {
           border-bottom: 1px solid darken($light-blue, 8%);
-          padding: 6px;
+          position: relative;
 
           &:hover {
-            background: lighten($yellow, 10%);
+            background-color: lighten($yellow, 14%);
+
+            a.draggable {
+              background-color: lighten($yellow, 14%);
+            }
+          }
+
+          &.editable {
+            padding: 3px 6px;
           }
 
           a {
             color: lighten($dark-blue, 10%);
+            display: block;
+            padding: 6px 35px 6px 6px;
+
+            &:hover {
+              background-color: lighten($yellow, 10%);
+            }
+
+            &.draggable {
+              background-color: $light-blue;
+              float: none;
+              height: 100%;
+              padding: 0;
+              @include position(absolute,  0px 0px 0 0);
+              width: 30px;
+              z-index: 99;
+
+              &:hover {
+                cursor: move;
+                background-color: lighten($yellow, 10%);
+              }
+            }
           }
 
           &.create-module {

cms/static/sass/_unit.scss

@@ -107,6 +107,10 @@ section#unit-wrapper {
             padding: 6px;
             border: 1px solid darken($light-blue, 15%);
             color: $dark-blue;
+
+            &:hover {
+              background-color: lighten($yellow, 13%);
+            }
           }
 
           select {