From c0957519c2e64de0119c4e6acfda444365928c49 Mon Sep 17 00:00:00 2001
From: The4thLaw <The4thLaw@users.noreply.github.com>
Date: Mon, 18 Mar 2024 19:27:11 +0100
Subject: [PATCH] Fixed lists in reader selection.

Refs #156
---
 .../src/components/ReaderSelection.vue             | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/source/demyo-vue-frontend/src/components/ReaderSelection.vue b/source/demyo-vue-frontend/src/components/ReaderSelection.vue
index 10192270..9b23d901 100644
--- a/source/demyo-vue-frontend/src/components/ReaderSelection.vue
+++ b/source/demyo-vue-frontend/src/components/ReaderSelection.vue
@@ -12,13 +12,13 @@
 					{{ $t('page.Reader.select.explanation.base') }}
 				</p>
 				<v-list>
-					<v-list-item v-for="reader in readers" :key="reader.id" @click="select(reader)">
-						<v-list-item-icon>
+					<v-list-item
+						v-for="reader in readers" :key="reader.id"
+						:title="reader.identifyingName" @click="select(reader)"
+					>
+						<template #prepend>
 							<LetterIcon :letter="reader.identifyingName.charAt(0)" :color="reader.colour" />
-						</v-list-item-icon>
-						<v-list-item-content>
-							{{ reader.identifyingName }}
-						</v-list-item-content>
+						</template>
 					</v-list-item>
 				</v-list>
 			</v-card-text>
@@ -26,7 +26,7 @@
 			<v-card-actions v-if="!requireSelection">
 				<v-spacer />
 
-				<v-btn color="primary" text @click="dialog = false; $emit('cancel')">
+				<v-btn color="primary" variant="text" @click="dialog = false; $emit('cancel')">
 					{{ $t('quickTasks.confirm.cancel.label') }}
 				</v-btn>
 			</v-card-actions>