From 62c7e2d2fbef0b8a821f8330a85294290312a83d Mon Sep 17 00:00:00 2001
From: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
Date: Mon, 30 Jun 2025 17:25:32 +0200
Subject: [PATCH] fix: recipe timeline visuals (nuxt 3) (#5608)

---
 frontend/components/Domain/Recipe/RecipeTimeline.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Domain/Recipe/RecipeTimeline.vue b/frontend/components/Domain/Recipe/RecipeTimeline.vue
index 9c13700f7..49ed1694d 100644
--- a/frontend/components/Domain/Recipe/RecipeTimeline.vue
+++ b/frontend/components/Domain/Recipe/RecipeTimeline.vue
@@ -69,7 +69,8 @@
       :style="maxHeight ? `max-height: ${maxHeight}; overflow-y: auto;` : ''"
     >
       <v-timeline
-        :dense="$vuetify.display.smAndDown"
+        :density="$vuetify.display.smAndDown ? ($vuetify.display.xs ? 'compact' : 'comfortable') : undefined"
+        justify="center"
         class="timeline"
       >
         <RecipeTimelineItem
@@ -78,6 +79,7 @@
           :event="event"
           :recipe="recipes.get(event.recipeId)"
           :show-recipe-cards="showRecipeCards"
+          :width="$vuetify.display.smAndDown ? '100%' : undefined"
           @update="updateTimelineEvent(index)"
           @delete="deleteTimelineEvent(index)"
         />