fix: remove radio button and put drag-icon in edit mode

Signed-off-by: paul bochtler <65470117+datapumpernickel@users.noreply.github.com>

Author: datapumpernickel

src/components/Questions/AnswerInput.vue

@@ -8,6 +8,7 @@
 		<component
 			:is="pseudoIcon"
 			v-if="!isDropdown"
+			:size="24"
 			class="question__item__pseudoInput" />
 		<input
 			ref="input"
@@ -145,6 +146,11 @@ export default {
 			default: false,
 		},
 
+		isRanking: {
+			type: Boolean,
+			default: false,
+		},
+
 		maxIndex: {
 			type: Number,
 			required: true,
@@ -256,6 +262,10 @@ export default {
 				return IconTableRow
 			}
 
+			if (this.isRanking) {
+				return IconDragIndicator
+			}
+
 			return this.isUnique ? IconRadioboxBlank : IconCheckboxBlankOutline
 		},
 	},
@@ -538,8 +548,7 @@ export default {
 		height: 100%;
 	}
 
-	.option__drag-handle,
-	.drag-indicator-icon {
+	.option__drag-handle {
 		color: var(--color-text-maxcontrast);
 		cursor: grab;
 		margin-block: auto;

src/components/Questions/QuestionRanking.vue

@@ -80,7 +80,6 @@
 							:aria-label="t('forms', 'Move option actions')"
 							class="ranking-item__drag-handle"
 							variant="tertiary-no-background">
-
 							<template #icon>
 								<IconDragIndicator :size="20" />
 							</template>
@@ -153,6 +152,7 @@
 					:isUnique="true"
 					:maxIndex="options.length - 1"
 					:maxOptionLength="maxStringLengths.optionText"
+					:isRanking="true"
 					optionType="choice"
 					@createAnswer="onCreateAnswer"
 					@update:answer="updateAnswer"