From 1f4737d594cd0681e7c8fdefd915f1bce2f0eeb2 Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jakejarvis@gmail.com>
Date: Sun, 19 May 2013 21:49:17 -0400
Subject: [PATCH] limit dragging area to only the drag icon instead of whole
 row, further fixing mobile problem

---
 header.php | 1 -
 index.php  | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/header.php b/header.php
index b490f28..7153356 100644
--- a/header.php
+++ b/header.php
@@ -154,7 +154,6 @@
         line-height: 40px;
       }
       td {
-        cursor: pointer;
         background-color: #fff;
         border-top: 1px solid #ddd;
         border-bottom: 1px solid #ddd;
diff --git a/index.php b/index.php
index 5678e09..f66cf46 100644
--- a/index.php
+++ b/index.php
@@ -32,6 +32,9 @@ include('header.php');
     font-weight: normal;
     width: 110px;
   }
+  td.drag {
+    cursor: pointer;
+  }
   
   div.row div.span2 a {
     padding: 4px 25px !important;
@@ -161,6 +164,7 @@ $(document).ready(function() {
 
   $(".table-active tbody").sortable({
   	helper: fixHelper,
+  	handle: ".drag",
   	update: function(event, ui) {
                 var newOrder = $(this).sortable('toArray').toString();
                 $.post('sort_save.php', {order:newOrder});
@@ -191,7 +195,7 @@ $result = mysql_query("SELECT id, first, last FROM spooners WHERE spooned = 0 OR
   while($spooner = mysql_fetch_array($result)) {
     echo '    <tr id="' . $spooner['id'] . '">
         <td><a href="' . $site_url . '/spoon/' . $spooner['id'] . '" class="btn btn-danger" type="submit">Spoon</a></td>
-        <td style="text-align:center;"><i class="icon-list"></i></td>
+        <td class="drag" style="text-align:center;"><i class="icon-list"></i></td>
         <td>' . $spooner['first'] . '</td>
         <td>' . $spooner['last'] . '</td>
         <td><small>Targeting ' . getNameByID(getTargetByID($spooner['id'])) . ', targeted by ' . getNameByID(getReverseTargetByID($spooner['id'])) . '</small></td>