drag for mobile - handle sizeable

Asset/css/tweak-drag.css

@@ -24,3 +24,17 @@
     cursor: grabbing !important;
     user-select: none !important;
 }
+
+/*
+ * Enlarge the mobile card drag handle so it is a usable touch target.
+ * Kanboard reveals the .task-board-sort-handle (a FontAwesome fa-arrows-alt glyph) only
+ * on mobile (isMobile.any) and restricts card dragging to it; by default the glyph is
+ * tiny and hard to grab with a finger. FontAwesome icons are sized by font-size, so this
+ * is a pure font-size bump; it is inert on desktop where the handle stays display:none.
+ * Size comes from the --td-handle-size variable (Settings -> Tweak Drag), injected in the
+ * page head; falls back to 20px.
+ */
+.task-board-sort-handle,
+.task-board-sort-handle i {
+    font-size: var(--td-handle-size, 20px);
+}