Add handle to move tasks on touch devices

assets/css/src/board.css

@@ -147,3 +147,8 @@ a.board-swimlane-toggle {
 div.draggable-item-selected {
     border: 1px solid #000;
 }
+
+.task-board-sort-handle {
+    float: left;
+    padding-right: 5px;
+}

assets/js/src/Board.js

@@ -111,7 +111,7 @@ Board.prototype.resizeColumnHeight = function() {
 
 Board.prototype.dragAndDrop = function() {
     var self = this;
-    $(".board-task-list").sortable({
+    var params = {
         forcePlaceholderSize: true,
         delay: 300,
         distance: 5,
@@ -131,7 +131,14 @@ Board.prototype.dragAndDrop = function() {
             ui.item.addClass("draggable-item-selected");
             ui.placeholder.height(ui.item.height());
         }
-    });
+    };
+
+    if ($.support.touch) {
+        $(".task-board-sort-handle").css("display", "inline");
+        params["handle"] = ".task-board-sort-handle";
+    }
+
+    $(".board-task-list").sortable(params);
 };
 
 Board.prototype.listen = function() {