diff --git a/cookbook/templates/recipe_view.html b/cookbook/templates/recipe_view.html
index aa353d01d..8a7007dd7 100644
--- a/cookbook/templates/recipe_view.html
+++ b/cookbook/templates/recipe_view.html
@@ -47,22 +47,24 @@
 
 {% block content %}
     <div class="row">
-        <div class="col col-md-9">
+        <div class="col col-md-8">
             <h3>{{ recipe.name }} <a href="{% url 'edit_recipe' recipe.pk %}" class="d-print-none"><i
                     class="fas fa-pencil-alt"></i></a></h3>
         </div>
-        <div class="col col-md-3 d-print-none" style="text-align: right">
+        <div class="col col-md-4 d-print-none" style="text-align: right">
             <button class="btn btn-success" onclick="$('#bookmarkModal').modal({'show':true})" data-toggle="tooltip"
                     data-placement="top" title="{% trans 'Add to Book' %}"><i
                     class="fas fa-bookmark"></i></button>
             {% if ingredients %}
-                <a class="btn btn-warning" href="{% url 'view_shopping' %}?r={{ recipe.pk }}" data-toggle="tooltip"
+                <a class="btn btn-secondary" href="{% url 'view_shopping' %}?r={{ recipe.pk }}" data-toggle="tooltip"
                    data-placement="top" title="{% trans 'Generate shopping list' %}"><i
                         class="fas fa-shopping-cart"></i></a>
             {% endif %}
             <a class="btn btn-info" href="{% url 'new_meal_plan' %}?recipe={{ recipe.pk }}" data-toggle="tooltip"
                data-placement="top" title="{% trans 'Add to Mealplan' %}"><i
                     class="fas fa-calendar"></i></a>
+            <button class="btn btn-warning" onclick="openCookLogModal({{ recipe.pk }})" data-toggle="tooltip"
+               data-placement="top" title="{% trans 'Log Cooking' %}"><i class="fas fa-clipboard-list"></i></button>
             <a class="btn btn-light" onclick="window.print()" data-toggle="tooltip"
                data-placement="top" title="{% trans 'Print' %}"><i
                     class="fas fa-print"></i></a>
@@ -367,6 +369,8 @@
         </div>
     </div>
 
+    {% include 'include/log_cooking.html' %}
+
     <script type="text/javascript">
 
         $(function () {