From 5cfff75dbedc6712a0a25f510df90dd34e0c5b3d Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Sun, 14 Aug 2022 11:04:09 -0500
Subject: [PATCH] moved header out of "cook mode" conditional block (#1556)

---
 frontend/components/Domain/Recipe/RecipeInstructions.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeInstructions.vue b/frontend/components/Domain/Recipe/RecipeInstructions.vue
index f0300d8f..6e5fb619 100644
--- a/frontend/components/Domain/Recipe/RecipeInstructions.vue
+++ b/frontend/components/Domain/Recipe/RecipeInstructions.vue
@@ -58,9 +58,9 @@
       </v-card>
     </v-dialog>
 
-    <div v-if="showCookMode" class="d-flex justify-space-between justify-start">
+    <div class="d-flex justify-space-between justify-start">
       <h2 class="mb-4 mt-1">{{ $t("recipe.instructions") }}</h2>
-      <BaseButton v-if="!public && !edit" minor cancel color="primary" @click="toggleCookMode()">
+      <BaseButton v-if="!public && !edit && showCookMode" minor cancel color="primary" @click="toggleCookMode()">
         <template #icon>
           {{ $globals.icons.primary }}
         </template>