Fix dragging cursors

app/assets/stylesheets/application.postcss.css

@@ -135,6 +135,11 @@ input[type=submit] {
     align-items: center;
     border: 1px solid black;
     padding: 0.5rem;
+    cursor: grab;
+}
+
+.politician-answer-dragging {
+    cursor: grabbing;
 }
 
 .acrostic-puzzle {
@@ -179,6 +184,11 @@ input[type=submit] {
     text-align: center;
     word-break: keep-all;
     white-space: nowrap;
+    cursor: grab;
+}
+
+.connections-element-dragging {
+    cursor: grabbing;
 }
 
 @media (max-width: 1024px) {

app/javascript/connections_answer.js

@@ -10,6 +10,7 @@ export default function initConnectionsQuestions() {
 
         Sortable.create(list, {
             swap: true,
+            dragClass: 'connections-element-dragging',
             onUpdate: (event) => {
                 const newOrder = Array.from(event.to.children).map((el) => Number.parseInt(el.dataset.id))
                 submitValue(submitUrl, { order: newOrder })

app/javascript/politicians_answer.js

@@ -9,6 +9,7 @@ export default function initPoliticianQuestions() {
         Sortable.create(list, {
             swap: true,
             filter: ".politician-image",
+            dragClass: 'politician-answer-dragging',
             onUpdate: (event) => {
                 const newOrder = Array.from(event.to.children).map((el) => Number.parseInt(el.dataset.id))
                 submitValue(submitUrl, { order: newOrder })