From 7a6c035418e82686d4cd89ba10224495be10bf1f Mon Sep 17 00:00:00 2001
From: oliviareichl <Olivia.Reichl@oeaw.ac.at>
Date: Thu, 10 Oct 2024 16:54:18 +0200
Subject: [PATCH] chore: display value and unit of types in the tag directly

---
 components/types-popover.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/types-popover.vue b/components/types-popover.vue
index d67562f7..44740782 100644
--- a/components/types-popover.vue
+++ b/components/types-popover.vue
@@ -36,6 +36,9 @@ const currentMode = computed(() => {
 			<Button variant="outline" class="max-w-48">
 				<span class="overflow-hidden text-ellipsis">
 					{{ type.label }}
+					<span v-if="type.value && type.unit" class="ml-1 text-muted-foreground">
+						{{ type.value }} <span> {{ type.unit }}</span>
+					</span>
 					<span class="sr-only">{{ t("Global.ShowMore") }}</span>
 				</span>
 			</Button>
@@ -133,10 +136,6 @@ const currentMode = computed(() => {
 				</BreadcrumbList>
 			</Breadcrumb>
 			<p>{{ type.descriptions }}</p>
-
-			<p v-if="type.value && type.unit" class="mt-2">
-				{{ type.value }} <span class="text-muted-foreground"> {{ type.unit }}</span>
-			</p>
 		</PopoverContent>
 	</Popover>
 </template>