From 5e4cac52d6dc70b06e4226301ae06dfd1f47854d Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Wed, 9 Nov 2022 13:23:43 +0100
Subject: [PATCH] fixed recipe image size with nutrition information

---
 vue/src/apps/RecipeView/RecipeView.vue | 31 +++++++++++++++-----------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/vue/src/apps/RecipeView/RecipeView.vue b/vue/src/apps/RecipeView/RecipeView.vue
index 470b84716..2b1e3b9b8 100644
--- a/vue/src/apps/RecipeView/RecipeView.vue
+++ b/vue/src/apps/RecipeView/RecipeView.vue
@@ -75,7 +75,8 @@
                 </div>
 
                 <div class="col col-md-2 col-2 mt-2 mt-md-0 text-right">
-                    <recipe-context-menu v-bind:recipe="recipe" :servings="servings" :disabled_options="{print:false}"></recipe-context-menu>
+                    <recipe-context-menu v-bind:recipe="recipe" :servings="servings"
+                                         :disabled_options="{print:false}"></recipe-context-menu>
                 </div>
             </div>
             <hr/>
@@ -103,13 +104,6 @@
                                  :style="{ 'max-height': ingredient_height }"/>
                         </div>
                     </div>
-
-                    <div class="row" style="margin-top: 2vh; margin-bottom: 2vh">
-                        <div class="col-12">
-                            <Nutrition-component :recipe="recipe" id="nutrition_container"
-                                                 :ingredient_factor="ingredient_factor"></Nutrition-component>
-                        </div>
-                    </div>
                 </div>
             </div>
 
@@ -137,10 +131,19 @@
 
             <div v-if="recipe.source_url !== null">
                 <h6 class="d-print-none"><i class="fas fa-file-import"></i> {{ $t("Imported_From") }}</h6>
-                <span class="text-muted mt-1"><a style="overflow-wrap: break-word;" :href="recipe.source_url">{{ recipe.source_url }}</a></span>
+                <span class="text-muted mt-1"><a style="overflow-wrap: break-word;"
+                                                 :href="recipe.source_url">{{ recipe.source_url }}</a></span>
+            </div>
+
+            <div class="row" style="margin-top: 2vh; ">
+                <div class="col-lg-6 offset-lg-3 col-12">
+                    <Nutrition-component :recipe="recipe" id="nutrition_container"
+                                         :ingredient_factor="ingredient_factor"></Nutrition-component>
+                </div>
             </div>
         </div>
 
+
         <add-recipe-to-book :recipe="recipe"></add-recipe-to-book>
 
         <div class="row text-center d-print-none" style="margin-top: 3vh; margin-bottom: 3vh"
@@ -206,10 +209,12 @@ export default {
         ingredient_count() {
             return this.recipe?.steps.map((x) => x.ingredients).flat().length
         },
-        working_time: function() {
-            return calculateHourMinuteSplit(this.recipe.working_time)},
-        waiting_time: function() {
-            return calculateHourMinuteSplit(this.recipe.waiting_time)},
+        working_time: function () {
+            return calculateHourMinuteSplit(this.recipe.working_time)
+        },
+        waiting_time: function () {
+            return calculateHourMinuteSplit(this.recipe.waiting_time)
+        },
     },
     data() {
         return {