Drag and drop in queue

You can now drag and drop kara that are in the queue to reorder them.

instance/views/karaQueueListItem.ejs

 <%# vim: ts=4 syntax=html
     The template for the kara card in lists %>
-<li class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 karaCard">
+<li class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 karaCard" draggable="true">
+    <span hidden class = "karaID"><%= kara.id %></span>
     <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.language %></b></span>
     <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.cat      %></b></span>
     <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.type     %></b></span>
     <span class="karaElement p-2 bd-highlight mr-auto"><b><%= kara.source %><br> <%= kara.title %></b> <i>[<%= kara.author %>]</i></span>
     <% if (kara.hasOwnProperty('position')) { %>
-        <span class="karaElement p-3 bd-highlight"><b><%= kara.position %></b></span>
+        <span class="karaElement p-3 bd-highlight karaPosition"><b><%= kara.position %></b></span>
     <% } %>
     <div class="karaElement p-2 bd-highlight">
         <div class="d-flex flex-row bd-highlight mb-3 btn-group karaActionBtnGroup" role="group">
-            <button class="btn btn-outline-light karaActionBtn"><i class="fas fa-plus"></i></button>
-            <button class="btn btn-outline-light karaActionBtn"><i class="fas fa-level-up-alt"></i></button>
+            <button class="btn btn-outline-light karaActionBtn karaPlayBtn" title="Play"><i class="fas fa-play"></i></button>
+            <button class="btn btn-outline-light karaActionBtn karaDeleteBtn" title="Delete"><i class="fas fa-times"></i></button>
         </div>
     </div>
 </li>