From 58f1ce033173e35233e9bdec53a83621f291adf9 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Fri, 28 Jan 2022 15:26:11 +0100
Subject: [PATCH] fixed rendering issue with single step recipes

---
 vue/src/components/StepComponent.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/vue/src/components/StepComponent.vue b/vue/src/components/StepComponent.vue
index adc1d9300..672461dfd 100644
--- a/vue/src/components/StepComponent.vue
+++ b/vue/src/components/StepComponent.vue
@@ -32,9 +32,8 @@
 
             <div class="row">
                 <!-- ingredients table -->
-                <div class="col col-md-4">
-                    <table class="table table-sm"
-                           v-if="step.ingredients.length > 0 && (recipe.steps.length > 1 || force_ingredients)">
+                <div class="col col-md-4" v-if="step.ingredients.length > 0 && (recipe.steps.length > 1 || force_ingredients)">
+                    <table class="table table-sm" >
                         <ingredients-card :steps="[step]" :ingredient_factor="ingredient_factor"
                                           @checked-state-changed="$emit('checked-state-changed', $event)"/>
                     </table>