change drag style and fix note editor

Author: shun2wang

Desktop/html/css/jasp.css

@@ -654,4 +654,13 @@ iframe.ql-video {
   100% {
     transform: translateX(0);
   }
-}
+}
+
+#results
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+        border: 1px solid #97C4F2;
+	background: #DCF1FB;
+	color: #97C4F2;
+}

Desktop/html/js/analysis.js

@@ -665,13 +665,15 @@ JASPWidgets.AnalysisView = JASPWidgets.View.extend({
 
 		this.$el.sortable({
 				items: "> .jasp-display-item",
-				handle: ".jasp-display-item",
+				handle: ".jasp-toolbar, .object-body",
+				cancel: ".ql-container, .ql-editor, .ql-toolbar, .jasp-notes",
 				revert: true,
 				tolerance: "pointer",
 				cursor: "move",
+				forceHelperSize: true,
+				forcePlaceholderSize: true,
 				placeholder: "ui-state-highlight"
 			})
-			.disableSelection();
 
 		return this;
 	},