new changes

resources/js/vue/views/Label/List.vue

@@ -2,8 +2,8 @@
 	<div class>
 		<v-container fluid>
 			<material-card class color="black" title="All Labels" text>
-				<v-layout align-center wrap class="my-3">
-					<v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
+				<v-layout align-center wrap class="px-5 my-3">
+					<v-flex xs12 md3 sm3 class="WM-FlexCenter">
 						<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
 						<v-text-field class="py-3" v-model="filter.label_id" label="Label ID" color="black"></v-text-field>
 					</v-flex>
@@ -23,22 +23,13 @@
 					</v-flex>
 					<v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
 						<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
-						<!-- <v-autocomplete
-							class="py-3 pr-3"
-							v-model="filter.user_id"
-							item-text="name"
-							item-value="id"
-							label="Users"
-							color="black"
-							:items="users"
-						></v-autocomplete> -->
 						<v-text-field class="py-3" v-model="filter.sterilizer_id" label="Sterilizer ID" color="black"></v-text-field>
 					</v-flex>
 					<v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
 						<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
 						<v-text-field class="py-3" v-model="filter.cycle_number" label="Cycle Number" color="black"></v-text-field>
 					</v-flex>
-					<v-flex xs12 md2 sm3 class="ml-3">
+					<v-flex xs12 md2 sm3>
 						<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="load()">
 							<v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
 							<span class="white--text">Filter</span>
@@ -54,8 +45,10 @@
 						</router-link>
 					</v-flex>
 				</v-layout>
-				<v-divider></v-divider>
-				<v-layout align-center wrap class="my-3">
+				<v-layout class="px-4 my-3">
+                	<v-divider></v-divider>
+            	</v-layout>
+				<v-layout align-center wrap class="px-5 my-3">
 					<v-flex md12>
 						<v-data-table :headers="headers" :items="items" hide-actions>
 							<template slot="headerCell" slot-scope="{ header }">