Added custom css class grab-cursor so it turns the cursor into a grab hand instead of a finger, applied this to ticket tasks

css/itflow_custom.css

@@ -0,0 +1,29 @@
+/* 
+   For screens below 576px (xs): 
+   - Make the button full-width, display:block 
+*/
+@media (max-width: 575.98px) {
+  .btn-responsive {
+    display: block;
+    width: 100%;
+  }
+}
+
+/* 
+   For screens 576px (sm) and above:
+   - Revert to an inline style 
+*/
+@media (min-width: 576px) {
+  .btn-responsive {
+    display: inline-block;
+    width: auto;
+  }
+}
+
+.grab-cursor {
+    cursor: grab;
+}
+
+.grab-cursor:active {
+    cursor: grabbing;
+}

css/style.css

@@ -0,0 +1,30 @@
+/* 
+   For screens below 576px (xs): 
+   - Make the button full-width, display:block 
+*/
+@media (max-width: 575.98px) {
+  .btn-responsive {
+    display: block;
+    width: 100%;
+  }
+}
+
+/* 
+   For screens 576px (sm) and above:
+   - Revert to an inline style 
+*/
+@media (min-width: 576px) {
+  .btn-responsive {
+    display: inline-block;
+    width: auto;
+  }
+}
+
+
+.grab-cursor {
+    cursor: grab;
+}
+
+.grab-cursor:active {
+    cursor: grabbing;
+}

css/tickets_kanban.css

@@ -32,4 +32,4 @@
     margin: 5px 0;
     padding: 10px;
     border: 1px solid #ddd;
-}
+}

includes/header.php

@@ -40,29 +40,7 @@ header("X-Frame-Options: DENY");
     <link href="plugins/toastr/toastr.min.css" rel="stylesheet">
     <link href="plugins/DataTables/datatables.min.css" rel="stylesheet">
     <!-- CSS to allow regular button to show as block button in mobile response view using the class btn-responsive -->
-    <style>
-        /* 
-           For screens below 576px (xs): 
-           - Make the button full-width, display:block 
-        */
-        @media (max-width: 575.98px) {
-          .btn-responsive {
-            display: block;
-            width: 100%;
-          }
-        }
-
-        /* 
-           For screens 576px (sm) and above:
-           - Revert to an inline style 
-        */
-        @media (min-width: 576px) {
-          .btn-responsive {
-            display: inline-block;
-            width: auto;
-          }
-        }
-    </style>
+    <link href="css/itflow_custom.css" rel="stylesheet">
 
     <!-- jQuery -->
     <script src="plugins/jquery/jquery.min.js"></script>

ticket.php

@@ -938,7 +938,12 @@ if (isset($_GET['ticket_id'])) {
                                         </a>
                                     <?php } ?>
                                 </td>
-                                <td><span class="text-secondary"><?php echo $task_completion_estimate; ?>m</span> - <?php echo $task_name; ?></td>
+                                <td>
+                                    <a href="#" class="grab-cursor">
+                                        <span class="text-secondary"><?php echo $task_completion_estimate; ?>m</span>
+                                        <span class="text-dark"> - <?php echo $task_name; ?></span>
+                                    </a>
+                                </td>
                                 <td>
                                     <div class="float-right">
                                         <?php if (empty($ticket_resolved_at) && lookupUserPermission("module_support") >= 2) { ?>