icon

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

@@ -2,25 +2,29 @@
 	<v-form ref="form">
 		<v-container grid-list-xs fluid>
 			<material-card color="black" title="Add Package">
-				<v-layout align-center justify-center wrap class="px-5 my-3">
-					<v-flex xs12 sm6 md4>
-						<v-text-field
-							name="name"
-							label="Name"
-							color="black"
-							v-model="formData.name"
-							:rules="[rules.required, rules.counter]"
-							class="pa-2"
-						></v-text-field>
+				<v-layout wrap class="px-5 my-3">
+					<v-flex xs12 md3 sm3 class="WM-FlexCenter">
+							<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
+							<v-text-field
+								name="name"
+								label="Name"
+								color="black"
+								v-model="formData.name"
+								:rules="[rules.required, rules.counter]"
+								class="py-3 pr-3"
+							></v-text-field>
 					</v-flex>
-					<v-flex xs12 sm6 md8>
+					<v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
+						<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
 						<v-autocomplete
 							multiple
+							class="py-3 pr-3"
 							:items="items"
 							item-text="name"
 							v-model="formData.items"
 							item-value="id"
 							label="Select Items For Package"
+							color="black"
 						></v-autocomplete>
 					</v-flex>
 				</v-layout>