Layout changes

web/src/views/WifiDevices.vue

@@ -1,6 +1,6 @@
 <template>
   <v-container fluid>
-    <v-toolbar class="mb-2" flat outlined max-width="400px">
+    <v-toolbar class="mb-2" flat outlined>
       <v-text-field
         v-model="search"
         label="Pesquisar"
@@ -9,6 +9,17 @@
         hide-details
         :loading="$apollo.queries.wifiDevices.loading"
       />
+      <v-spacer />
+
+      <v-select
+        v-model="itemsPerPage"
+        class="shrink"
+        :items="[10, 20, 30, 50, 100]"
+        label="Items por página"
+        hide-details
+        outlined
+        dense
+      />
 
       <v-tooltip bottom>
         <span>Atualizar</span>
@@ -47,24 +58,6 @@
       no total.
     </div>
 
-    <v-toolbar flat>
-      <v-pagination
-        v-model="page"
-        class="my-4"
-        :length="pagesTotal"
-        :total-visible="7"
-      />
-      <v-spacer />
-      <v-select
-        v-model="itemsPerPage"
-        class="shrink"
-        :items="[5, 15, 30, 50, 100]"
-        label="Items por página"
-        hide-details
-        outlined
-        dense
-      />
-    </v-toolbar>
     <v-progress-linear :indeterminate="$apollo.queries.wifiDevices.loading" />
 
     <ClientsDataTable :wifi-devices="computedWifiDevices" />
@@ -88,7 +81,7 @@ export default {
   data: () => ({
     search: '',
     page: 1,
-    itemsPerPage: 15
+    itemsPerPage: 10
   }),
   computed: {
     computedWifiDevices() {