Add primary highlight on drag

app/src/components/v-list/v-list-item.vue

@@ -193,12 +193,12 @@ body {
 		position: relative;
 		display: flex;
 		height: var(--input-height);
+		margin: 0;
 		padding: 8px;
 		background-color: var(--background-subdued);
 		border: 2px solid var(--border-subdued);
 		border-radius: var(--border-radius);
 		transition: border-color var(--fast) var(--transition);
-		margin: 0;
 
 		.v-icon {
 			color: var(--foreground-subdued);
@@ -225,6 +225,10 @@ body {
 			border: 2px solid var(--border-normal);
 		}
 
+		&.sortable-chosen {
+			border: 2px solid var(--primary) !important;
+		}
+
 		& + & {
 			margin-top: 8px;
 		}

app/src/interfaces/m2a-builder/m2a-builder.vue

@@ -12,7 +12,6 @@
 			<draggable
 				:force-fallback="true"
 				:value="previewValues"
-				handle=".drag-handle"
 				@input="onSort"
 				:set-data="hideDragImage"
 				:disabled="!o2mRelation.sort_field"
@@ -642,7 +641,6 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-
 .v-list {
 	--v-list-padding: 0 0 4px;
 }