From 3fbd2ef03261b54d08b616de66c178a06595c04e Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Wed, 25 Dec 2019 17:09:07 +0100
Subject: [PATCH] image display improvements

---
 cookbook/templates/recipe_view.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/cookbook/templates/recipe_view.html b/cookbook/templates/recipe_view.html
index afd82acf9..c749c40eb 100644
--- a/cookbook/templates/recipe_view.html
+++ b/cookbook/templates/recipe_view.html
@@ -48,7 +48,7 @@
 
     <div class="row">
         {% if ingredients %}
-            <div class="col col-md-6">
+            <div class="col-md-6 order-md-1 col-sm-12 order-sm-2 col-12 order-2">
                 <div class="card">
                     <div class="card-body">
                         <div class="row">
@@ -93,8 +93,10 @@
 
         {% endif %}
         {% if recipe.image %}
-            <div class="col col-md-6">
-                <img class="img img-fluid rounded" src="{{ recipe.image.url }}">
+            <div class="col-md-6 order-md-2 col-sm-12 order-sm-1 col-12 order-1 " style="text-align: center">
+                <img class="img img-fluid rounded" src="{{ recipe.image.url }}" style="max-height: 30vh;" alt="{% trans 'Recipe Image' %}">
+                <br/>
+                <br/>
             </div>
         {% endif %}
     </div>