From 56a500bd82e4fd60867e421c08ff47e0ce2823e3 Mon Sep 17 00:00:00 2001
From: Hayden <hay-kot@pm.me>
Date: Sun, 3 Jan 2021 10:02:02 -0900
Subject: [PATCH] fixed spacing for json button

---
 frontend/src/components/NewRecipe.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/NewRecipe.vue b/frontend/src/components/NewRecipe.vue
index 370d6a10..05ae0d94 100644
--- a/frontend/src/components/NewRecipe.vue
+++ b/frontend/src/components/NewRecipe.vue
@@ -18,12 +18,15 @@
       @save="createRecipe"
     />
 
-    <VJsoneditor
-      v-if="jsonEditor"
-      v-model="recipeDetails"
-      height="1500px"
-      :options="jsonEditorOptions"
-    />
+    <div v-if="jsonEditor">
+      <br />
+      <br />
+      <VJsoneditor
+        v-model="recipeDetails"
+        height="1500px"
+        :options="jsonEditorOptions"
+      />
+    </div>
 
     <EditRecipe v-else v-model="recipeDetails" @upload="getImage" />
   </v-card>
@@ -73,7 +76,6 @@ export default {
 
   methods: {
     getImage(fileObject) {
-      console.log(fileObject);
       this.fileObject = fileObject;
       this.onFileChange();
     },
@@ -83,11 +85,9 @@ export default {
     async createRecipe() {
       this.isLoading = true;
       this.recipeDetails.image = this.fileObject.name;
-      console.log(this.recipeDetails);
       let slug = await api.recipes.create(this.recipeDetails);
 
-      let response = await api.recipes.updateImage(slug, this.fileObject);
-      console.log(response);
+      await api.recipes.updateImage(slug, this.fileObject);
       this.isLoading = false;
 
       this.$router.push(`/recipe/${slug}`);