1 files changed, 5 insertions, 7 deletions
diff --git a/iridescence/src/components/admin/NewProduct.vue b/iridescence/src/components/admin/NewProduct.vue
index 511ae9c..48eb165 100644
--- a/iridescence/src/components/admin/NewProduct.vue
+++ b/iridescence/src/components/admin/NewProduct.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="addNewProduct">
-    <button class="button is-primary" @click="toggleModal">
+    <button class="button is-primary is-medium" @click="toggleModal">
       + Add New
     </button>
     <transition
@@ -17,9 +17,7 @@
             <button class="delete" @click="toggleModal"></button>
           </header>
           <section class="modal-card-body">
-            <ProductEditCard
-              v-bind:current-product="newProduct"
-            ></ProductEditCard>
+            <ProductEditCard v-bind:parent-product="template"></ProductEditCard>
           </section>
           <footer class="modal-card-foot"></footer>
         </div>
@@ -29,8 +27,8 @@
 </template>
 
 <script>
-import Product from "../../models/product";
-import ProductEditCard from "./ProductEditCard";
+import Product from "@/models/product";
+import ProductEditCard from "@/components/admin/ProductEditCard";
 
 export default {
   name: "NewProduct",
@@ -40,7 +38,7 @@ export default {
   data: function() {
     return {
       modalEnabled: false,
-      newProduct: new Product(),
+      template: new Product({}),
       addAnother: false
     };
   },