Some drag handle fixes.

Thanks to xet7 !

Related #2081

4 files changed, 20 insertions, 9 deletions

diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl
index 0d3ccfce..27cf678c 100644
--- a/client/components/lists/list.styl
+++ b/client/components/lists/list.styl
@@ -168,7 +168,7 @@
     padding: 27px 19px
     margin-top: 1px
     top: -7px
-    margin-right: 50px
+    margin-right: 7px
     right: -3px
 
   .list-header
@@ -229,10 +229,10 @@
       padding: 7px
       top: 50%
       transform: translateY(-50%)
-      margin-right: 27px
+      right: 47px
       font-size: 20px
 
-    .list-header-menu-handle
+    .list-header-handle
       position: absolute
       padding: 7px
       top: 50%
diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade
index 3b3a0242..064303ee 100644
--- a/client/components/lists/listHeader.jade
+++ b/client/components/lists/listHeader.jade
@@ -30,10 +30,10 @@ template(name="listHeader")
               if canSeeAddCard
                 a.js-add-card.fa.fa-plus.list-header-plus-icon
               a.fa.fa-navicon.js-open-list-menu
-          a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle
+          a.list-header-handle.handle.fa.fa-arrows.js-list-handle
         else
           a.list-header-menu-icon.fa.fa-angle-right.js-select-list
-          a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle
+          a.list-header-handle.handle.fa.fa-arrows.js-list-handle
       else if currentUser.isBoardMember
         if isWatching
           i.list-header-watch-icon.fa.fa-eye
@@ -45,7 +45,7 @@ template(name="listHeader")
               a.js-add-card.fa.fa-plus.list-header-plus-icon
             a.fa.fa-navicon.js-open-list-menu
           if showDesktopDragHandles
-            a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle
+            a.list-header-handle.handle.fa.fa-arrows.js-list-handle
 
 template(name="editListTitleForm")
   .list-composer
diff --git a/client/components/swimlanes/swimlaneHeader.jade b/client/components/swimlanes/swimlaneHeader.jade
index fb6ef21d..72a7f054 100644
--- a/client/components/swimlanes/swimlaneHeader.jade
+++ b/client/components/swimlanes/swimlaneHeader.jade
@@ -16,8 +16,11 @@ 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
-      if showDesktopDragHandles
-        a.swimlane-header-menu-handle.handle.fa.fa-arrows.js-swimlane-header-handle
+      unless isMiniScreen
+        if showDesktopDragHandles
+          a.swimlane-header-handle.handle.fa.fa-arrows.js-swimlane-header-handle
+      if isMiniScreen
+        a.swimlane-header-miniscreen-handle.handle.fa.fa-arrows.js-swimlane-header-handle
 
 template(name="editSwimlaneTitleForm")
   .list-composer
diff --git a/client/components/swimlanes/swimlanes.styl b/client/components/swimlanes/swimlanes.styl
index 503091ee..5bd6d2d2 100644
--- a/client/components/swimlanes/swimlanes.styl
+++ b/client/components/swimlanes/swimlanes.styl
@@ -50,7 +50,7 @@
       margin-left: 5px
       margin-right: 10px
 
-    .swimlane-header-menu-handle
+    .swimlane-header-handle
       position: absolute
       padding: 7px
       top: 50%
@@ -58,6 +58,14 @@
       left: 300px
       font-size: 18px
 
+    .swimlane-header-miniscreen-handle
+      position: absolute
+      padding: 7px
+      top: 50%
+      transform: translateY(-50%)
+      left: 87vw
+      font-size: 24px
+
 .list-group
   height: 100%