From ba43b8ad4334a8d6a92d450ea0cd3ffe0ee93cc5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Katharina=20W=C3=BCnsche?= <katharina_wunsche@yahoo.de>
Date: Mon, 29 Jul 2024 14:28:33 +0200
Subject: [PATCH] Update icon and label

---
 pages/detail/person/[id].vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/detail/person/[id].vue b/pages/detail/person/[id].vue
index 342c808..0f7b2f9 100644
--- a/pages/detail/person/[id].vue
+++ b/pages/detail/person/[id].vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useQuery } from "@tanstack/vue-query";
-import { SquareArrowOutUpRight } from "lucide-vue-next";
+import { SquareGanttChart } from "lucide-vue-next";
 
 import DetailPage from "@/components/detail-page.vue";
 import FamilyTree from "@/components/family-tree.vue";
@@ -126,9 +126,11 @@ function openVerticalTimeline() {
 					<button
 						v-if="flattenedRelations.length > 0"
 						class="group w-fit scale-90 items-center rounded-md font-medium text-neutral-600 transition-transform hover:scale-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/75 dark:text-neutral-200"
+						:title="t('Timeline.timeline')"
 						@click="openVerticalTimeline"
 					>
-						<SquareArrowOutUpRight />
+						<span class="sr-only">{{ t("Timeline.timeline") }}</span>
+						<SquareGanttChart />
 					</button>
 				</div>
 				<VerticalTimeline