From 06db7114ed51e69c6d3921b5493d4e29cebfa250 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Mon, 29 Jun 2020 16:24:41 +0200
Subject: [PATCH] basic view step design

---
 cookbook/templates/recipe_view.html | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/cookbook/templates/recipe_view.html b/cookbook/templates/recipe_view.html
index 5225d717..baee44c1 100644
--- a/cookbook/templates/recipe_view.html
+++ b/cookbook/templates/recipe_view.html
@@ -212,9 +212,22 @@
 
     <div style="font-size: large">
         {% for s in recipe.steps.all %}
-            {% if s.instruction %}
-                {{ s.instruction | markdown | safe }}
+            {% if recipe.steps.all|length > 1 %}
+                <div class="row">
+                    <div class="col-md-12 text-muted">
+                        <small>{% trans 'Step' %} {{ forloop.counter }}{% if s.name %} - {{ s.name }}{% endif %}</small>
+                    </div>
+                </div>
             {% endif %}
+
+            <div class="row" style="margin-top: 8px">
+                <div class="col-md-12">
+                    {% if s.instruction %}
+                        {{ s.instruction | markdown | safe }}
+                    {% endif %}
+                </div>
+            </div>
+
         {% endfor %}
     </div>