From b0b8262aac77e9d4dc8c2be478fcc5a4fa58802a Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 24 Jan 2025 15:38:19 +0100
Subject: [PATCH] feat: use radio button for configMode change

---
 .../components/project/views/ViewEditForm.vue | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/project/views/ViewEditForm.vue b/frontend/src/components/project/views/ViewEditForm.vue
index 3eee17359..0db64f263 100644
--- a/frontend/src/components/project/views/ViewEditForm.vue
+++ b/frontend/src/components/project/views/ViewEditForm.vue
@@ -194,20 +194,28 @@ function handleBubbleSave() {
 			>
 				{{ $t('project.views.bucketConfigMode') }}
 			</label>
-			<div class="control">
-				<div class="select">
-					<select
-						id="configMode"
+			<div
+				id="configMode"
+				class="control"
+			>
+				<label class="radio">
+					<input
 						v-model="view.bucketConfigurationMode"
+						type="radio"
+						name="configMode"
+						value="manual"
 					>
-						<option value="manual">
-							{{ $t('project.views.bucketConfigManual') }}
-						</option>
-						<option value="filter">
-							{{ $t('project.views.filter') }}
-						</option>
-					</select>
-				</div>
+					{{ $t('project.views.bucketConfigManual') }}
+				</label>
+				<label class="radio">
+					<input
+						v-model="view.bucketConfigurationMode"
+						type="radio"
+						name="configMode"
+						value="filter"
+					>
+					{{ $t('project.views.filter') }}
+				</label>
 			</div>
 		</div>