Minor UI changes

web/src/views/AccessPoints/index.vue

@@ -35,11 +35,11 @@
               "
             >
               <v-icon left>mdi-check-all</v-icon>
-              Todos
+              Todas
             </v-btn>
             <v-btn color="secondary" text @click="resetDefaultHeaders">
               <v-icon left>mdi-check-all</v-icon>
-              Padrões
+              Padrão
             </v-btn>
           </v-card-actions>
         </v-card>
@@ -70,19 +70,19 @@
 
       <template #[`item.clients`]="{ item }">
         <div class="align-content-end">
-          <v-chip
-            class="client-chip"
+          <v-btn
+            block
+            small
+            rounded
+            :elevation="0"
             :color="loadColor(item.clients) + ' lighten-5'"
-            pill
             @click="navigateToAccessPoint(item)"
           >
             <v-icon left :color="loadColor(item.clients)">
               {{ loadIcon(item.clients) }}
             </v-icon>
-            <span class="text--black">
-              {{ item.clients }}
-            </span>
-          </v-chip>
+            {{ item.clients }}
+          </v-btn>
         </div>
       </template>
 
@@ -123,11 +123,12 @@ export default {
     defaultHeaders: [
       'name',
       'ip',
-      'local',
       'clients',
       'uptime',
       'updatedAt',
-      'notes'
+      // 'notes',
+      'controller',
+      'mac'
     ],
     allHeaders: [
       { text: 'Nome', value: 'name' },

web/src/views/AccessPoints/single.vue

@@ -67,6 +67,7 @@ export default {
   },
   apollo: {
     accessPoint: {
+      cachePolicy: 'cache-and-network',
       query: gql`
         query accessPoint($id: ID!) {
           accessPoint(id: $id) {