add a drag handle

Author: shun2wang

Desktop/html/css/jasp.css

@@ -68,7 +68,7 @@ h6, .h6-toolbar .jasp-menu {
 }
 
 .jasp-display-item-flat {
-	padding-left: 0;
+	padding-left: 0.6em;
 }
 
 .jasp-table-primitive {
@@ -660,7 +660,28 @@ iframe.ql-video {
 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
-        border: 1px solid #97C4F2;
+	border: 1px solid #97C4F2;
 	background: #DCF1FB;
 	color: #97C4F2;
 }
+
+.jasp-analysis > .jasp-display-item {
+	position: relative;
+}
+
+.jasp-analysis > .jasp-display-item:hover::before {
+	content: "";
+	position: absolute;
+	left: -7px;
+	top: 50%;
+	transform: translateY(-50%);
+	width: 24px;
+	height: 24px;
+	background: url("../img/jasp-drag-handle.svg") no-repeat left center;
+	background-size: contain;
+	cursor: move;
+}
+
+.jasp-analysis > .jasp-display-item:hover {
+	box-shadow: -2px 0 0 0 rgba(151, 196, 242, 0.7);
+}