Set cursor to move answers for hotspots - ref #7705

main/inc/lib/javascript/hotspot/css/hotspot.css

@@ -288,4 +288,11 @@ svg .hotspot-answer-point {
     fill: rgba(0, 103, 124, 0.75);
     stroke: rgb(0, 103, 124);
     stroke-width: 1;
+    cursor: move;
+}
+
+svg .hotspot-answer-text {
+    cursor: move;
+    fill: #FFF;
+    font-family: sans-serif;
 }

main/inc/lib/javascript/hotspot/js/hotspot.js

@@ -372,9 +372,8 @@ window.HotspotQuestion = (function () {
             this.textEl.setAttribute('x', this.model.get('x'));
             this.textEl.setAttribute('y', this.model.get('y'));
             this.textEl.setAttribute('dy', 5);
-            this.textEl.setAttribute('font-family', 'sans-serif');
             this.textEl.setAttribute('text-anchor', 'middle');
-            this.textEl.setAttribute('fill', 'white');
+            this.textEl.setAttribute('class', 'hotspot-answer-text');
             this.textEl.textContent = this.answerIndex + 1;
 
             return this;