From 629a6d21e7f26b50c7ebd0f6050de96f524029a4 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Tue, 19 Oct 2021 17:26:56 +0200
Subject: [PATCH] fixed ingredient rendering glitch

---
 vue/src/apps/RecipeView/RecipeView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/vue/src/apps/RecipeView/RecipeView.vue b/vue/src/apps/RecipeView/RecipeView.vue
index 09524911d..996f8a7b2 100644
--- a/vue/src/apps/RecipeView/RecipeView.vue
+++ b/vue/src/apps/RecipeView/RecipeView.vue
@@ -92,15 +92,15 @@
                 <div class="col-md-12">
                   <table class="table table-sm">
                     <!-- eslint-disable vue/no-v-for-template-key-on-child -->
-                    <div v-for="s in recipe.steps" v-bind:key="s.id">
+                    <template v-for="s in recipe.steps" >
                       <template v-if="s.show_as_header && s.name !== ''">
-                        <b>{{s.name}}</b>
+                        <b v-bind:key="s.id">{{s.name}}</b>
                       </template>
                       <template v-for="i in s.ingredients">
                         <Ingredient :ingredient="i" :ingredient_factor="ingredient_factor" :key="i.id"
                                     @checked-state-changed="updateIngredientCheckedState"></Ingredient>
                       </template>
-                    </div>
+                    </template>
                     <!-- eslint-enable vue/no-v-for-template-key-on-child -->
                   </table>
                 </div>