From 75b444f74a3f1005e5f45f80589c0e892ad69b7b Mon Sep 17 00:00:00 2001
From: Greg Roach <fisharebest@webtrees.net>
Date: Thu, 26 Sep 2019 16:17:54 +0100
Subject: Fix: drag'n'drop re-ordering

---
 resources/views/edit/reorder-media.phtml | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'resources/views/edit/reorder-media.phtml')

diff --git a/resources/views/edit/reorder-media.phtml b/resources/views/edit/reorder-media.phtml
index dfd49c90fb..6d94e5dfb0 100644
--- a/resources/views/edit/reorder-media.phtml
+++ b/resources/views/edit/reorder-media.phtml
@@ -9,10 +9,12 @@
         <?php foreach ($individual->facts(['OBJE']) as $fact) : ?>
             <div class="card mb-2 wt-sortable-item">
                 <input type="hidden" name="order[]" value="<?= $fact->id() ?>">
-                <h3 class="card-header">
-                    <?= view('icons/drag-handle') ?>
+                <div class="card-header">
+                    <span class="drag-handle">
+                        <?= view('icons/drag-handle') ?>
+                    </span>
                     <?= $fact->target()->fullName() ?>
-                </h3>
+                </div>
                 <div class="card-body">
                     <?= $fact->target()->displayImage(100, 100, 'contain') ?>
                 </div>
@@ -35,6 +37,8 @@
 
 <?php View::push('javascript') ?>
 <script>
-  new Sortable(document.querySelector(".wt-sortable-list"), {});
+  new Sortable(document.querySelector(".wt-sortable-list"), {
+      handle: '.drag-handle'
+  });
 </script>
 <?php View::endpush() ?>
-- 
cgit v1.3