Rotation Drag: Make only the hamburger icon a drag handle

Only the icon should allow the drag, not the entire .rotation-name element

Author: sukhwinder33445

public/css/timeline.less

@@ -80,13 +80,14 @@
   .rotation-name {
     font-size: 1.25em;
     font-weight: bold;
-    cursor: grab;
 
     [data-drag-initiator] {
       color: @gray-light;
-    }
-    &:hover [data-drag-initiator] {
-      color: @text-color;
+
+      &:hover {
+        cursor: grab;
+        color: @list-item-title-hover-color;
+      }
     }
 
     // :not(:empty) is only necessary to increase specificity

public/js/schedule.js

@@ -41,7 +41,8 @@
             Sortable.create(sideBar, {
                 scroll: true,
                 direction: 'vertical',
-                draggable: '.rotation-name'
+                draggable: '.rotation-name',
+                handle: '.rotation-name > i[data-drag-initiator]'
             });
         }