Mobile and Desktop drag handles part 1.

Thanks to xet7 !

Related #2081

client/components/swimlanes/swimlaneHeader.jade

@@ -16,6 +16,7 @@ template(name="swimlaneFixedHeader")
     unless currentUser.isCommentOnly
       a.fa.fa-plus.js-open-add-swimlane-menu.swimlane-header-plus-icon
       a.fa.fa-navicon.js-open-swimlane-menu
+      a.swimlane-header-menu-handle.handle.fa.fa-arrows.js-swimlane-header-handle
 
 template(name="editSwimlaneTitleForm")
   .list-composer

client/components/swimlanes/swimlanes.js

@@ -56,7 +56,7 @@ function initSortable(boardComponent, $listsDom) {
   $listsDom.sortable({
     tolerance: 'pointer',
     helper: 'clone',
-    handle: '.js-list-header',
+    handle: '.js-list-handle',
     items: '.js-list:not(.js-list-composer)',
     placeholder: 'list placeholder',
     distance: 7,
@@ -156,7 +156,8 @@ BlazeComponent.extendComponent({
             'input',
             'textarea',
             'p',
-            '.js-list-header',
+            '.js-list-handle',
+            '.js-swimlane-header-handle',
           ];
           if (
             $(evt.target).closest(noDragInside.join(',')).length === 0 &&

client/components/swimlanes/swimlanes.styl

@@ -50,6 +50,14 @@
       margin-left: 5px
       margin-right: 10px
 
+    .swimlane-header-menu-handle
+      position: absolute
+      padding: 7px
+      top: 50%
+      transform: translateY(-50%)
+      left: 300px
+      font-size: 18px
+
 .list-group
   height: 100%