From 5a95582b13e3b2fdab646f769643194f3a171a9d Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Mon, 6 Jun 2022 21:02:44 +0000
Subject: [PATCH] Layout changes

---
 web/src/views/WifiDevices.vue | 33 +++++++++++++--------------------
 1 file changed, 13 insertions(+), 20 deletions(-)

diff --git a/web/src/views/WifiDevices.vue b/web/src/views/WifiDevices.vue
index af70bfc..6b71e28 100644
--- a/web/src/views/WifiDevices.vue
+++ b/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() {