Added back feature: Toggle Drag Handles. Improved positions of Add List etc buttons.

Thanks to xet7 !

client/components/cards/checklists.jade

@@ -124,7 +124,8 @@ template(name='checklistItemDetail')
     role="checkbox" aria-checked="{{#if item.isFinished }}true{{else}}false{{/if}}" tabindex="0")
     if canModifyCard
       span.check-box-unicode {{#if item.isFinished }}✅{{else}}⬜{{/if}}
-      span.checklistitem-handle(title="{{_ 'dragChecklistItem'}}") ↕️
+      if isTouchScreenOrShowDesktopDragHandles
+        span.checklistitem-handle(title="{{_ 'dragChecklistItem'}}") ↕️
       .item-title.js-open-inlined-form.is-editable(class="{{#if item.isFinished }}is-checked{{/if}}")
         +viewer
           = item.title

client/components/cards/minicard.css

@@ -44,10 +44,12 @@
   }
 }
 .minicard-details-menu-with-handle {
-  float: right;
+  position: absolute;
+  right: 0.7vw;
+  top: 0.7vh;
   font-size: clamp(14px, 3vw, 18px);
-  padding-right: 4vw;
-  padding-left: 0.7vw;
+  padding: 0;
+  z-index: 10;
 }
 .minicard-details-menu {
   float: right;
@@ -133,9 +135,10 @@
   width: clamp(20px, 2.5vw, 28px);
   height: clamp(20px, 2.5vw, 28px);
   position: absolute;
-  right: 0.7vw;
+  right: 3vw;
   top: 0.7vh;
   display: none;
+  z-index: 10;
 }
 @media only screen {
   .minicard .handle {

client/components/cards/minicard.jade

@@ -3,11 +3,12 @@ template(name="minicard")
     class="{{#if isLinkedCard}}linked-card{{/if}}"
     class="{{#if isLinkedBoard}}linked-board{{/if}}"
     class="{{#if colorClass}}minicard-{{colorClass}}{{/if}}")
+    if canMoveCard
+      if isTouchScreenOrShowDesktopDragHandles
+        .handle
+          | ↕️
     if canModifyCard
       a.minicard-details-menu-with-handle.js-open-minicard-details-menu(title="{{_ 'cardDetailsActionsPopup-title'}}") ☰
-    if canMoveCard
-      .handle
-        | ↕️
     .dates
       if getReceived
         .date