new changes

resources/js/vue/views/Package/AddEdit.vue

@@ -14,8 +14,10 @@
 								class="py-3 pr-3"
 							></v-text-field>
 					</v-flex>
+					<v-flex xs12 md12 sm12></v-flex>
 					<!-- <v-row style="position: relative" v-for="(item, key) in formData.items" :key="key"> -->
-						<v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3" style="position: relative" v-for="(item, key) in formData.items" :key="key">
+						<v-flex xs12 md3 sm3 class="WM-FlexCenter WM-DuplicateInput" style="position: relative" v-for="(item, key) in formData.items" :key="key">
+							<div class="Inner">
 							<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
 							<v-autocomplete
 
@@ -41,17 +43,20 @@
 							<v-btn v-if="key > 0"
 							absolute
 							small
-							left
-							bottom
-							color="red"
+							right
+							top
+							color="pink"
 							@click="removeForm(key)"
 							>
 							<v-icon class="white--text mr-2 caption">fas fa-remove</v-icon>REMOVE
 						</v-btn>
+						</div>
 						</v-flex>
 					<!-- </v-row> -->
-
-
+					<v-spacer></v-spacer>
+					<v-flex xs12>
+							<hr class="v-divider theme--light" style="margin-top:30px !important">
+					</v-flex>
 				</v-layout>
 				<v-layout align-center justify-center wrap class="px-5 mb-3">
 					<v-flex xs12 sm12 md12>
@@ -162,3 +167,14 @@ export default {
 	}
 };
 </script>
+<style media="screen">
+.WM-DuplicateInput {
+	margin: 15px 0;
+}
+.WM-DuplicateInput .Inner {
+	padding: 15px 20px !important;
+	margin: 0 10px 0 0;
+	width: 100%;
+	border: 1px solid rgba(0,0,0,.2);
+}
+</style>