diff --git a/frontend/rabbi_gerzi/src/stores/elements.ts b/frontend/rabbi_gerzi/src/stores/elements.ts
index 6922157..b7ae058 100644
--- a/frontend/rabbi_gerzi/src/stores/elements.ts
+++ b/frontend/rabbi_gerzi/src/stores/elements.ts
@@ -4,6 +4,7 @@ import { defineStore } from 'pinia'
export interface Element {
id: number
title: string
+ description: string
}
interface ElementResponse {
diff --git a/frontend/rabbi_gerzi/src/views/ElementPage.vue b/frontend/rabbi_gerzi/src/views/ElementPage.vue
index 39d0866..fd8a5fa 100644
--- a/frontend/rabbi_gerzi/src/views/ElementPage.vue
+++ b/frontend/rabbi_gerzi/src/views/ElementPage.vue
@@ -65,7 +65,15 @@ watch(
class="element-page__child-link"
data-cy="child-element-link"
>
- {{ childElement.title }}
+
+ {{ childElement.title }}
+
+
+ {{ childElement.description }}
+
@@ -131,6 +139,19 @@ watch(
transform 180ms ease;
}
+.element-page__child-title {
+ display: block;
+}
+
+.element-page__child-description {
+ display: block;
+ margin-top: 0.4rem;
+ color: var(--color-text-muted);
+ font-family: var(--font-sans);
+ font-size: 0.95rem;
+ line-height: 1.45;
+}
+
.element-page__child-link:hover,
.element-page__child-link:focus-visible {
border-color: #d4ad5f;