- Remove add from header

- Show add button below the form

Author: Rainer Friederich

Diff for: dist/js/field.js

@@ -65,6 +65,15 @@
         }}
       </p>
     </div>
+    <div
+        v-if="field.children && field.children.length > 0"
+        class="flex flex-col items-center justify-center bg-40 "
+    >
+      <nested-form-add
+          :field="field"
+          class="px-4 py-4 my-4 text-white btn btn-default btn-primary w-16 cursor-pointer"
+      />
+    </div>
   </div>
 </template>
 

Diff for: resources/js/components/NestedFormField.vue

@@ -6,7 +6,6 @@
     <div class="flex">
       <nested-form-view :child="child" class="mx-2" />
       <nested-form-remove :child="child" :field="field" class="mx-2" />
-      <nested-form-add :field="field" class="mx-2" />
     </div>
   </div>
 </template>