From e10cd72522aae09b7b8892b6c0b2e4bd14c0c745 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Fri, 3 Jun 2022 13:24:22 +0000
Subject: [PATCH] Minor ui changes

---
 web/src/views/AccessPoints/clients.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/web/src/views/AccessPoints/clients.vue b/web/src/views/AccessPoints/clients.vue
index fb106d3..433e451 100644
--- a/web/src/views/AccessPoints/clients.vue
+++ b/web/src/views/AccessPoints/clients.vue
@@ -76,13 +76,14 @@
                   >
                     {{ signalStrengthIcon(signalStrength) }}
                   </v-icon>
-                  {{ signalStrength }} dBm
+                  <span class="font-weight-medium">{{ signalStrength }}</span>
+                  <small class="ml-1"> dBm </small>
                 </v-chip>
               </template>
               <template v-else>
-                <v-chip small outlined>
-                  <v-icon small left>mdi-signal-off</v-icon>
-                  Aguarde...
+                <v-chip small color="grey lighten-4">
+                  <v-icon small left color="grey">mdi-signal-off</v-icon>
+                  <small>Aguarde...</small>
                 </v-chip>
               </template>
             </template>
@@ -94,6 +95,14 @@
             <template #[`item.usage`]="{ item: { usage } }">
               {{ usage | bytes }}
             </template>
+
+            <template #[`item.protocol`]="{ item: { protocol } }">
+              <code>{{ protocol || 'Indisponível' }}</code>
+            </template>
+
+            <template #[`item.frequency`]="{ item: { frequency } }">
+              {{ frequency || 'Indisponível' }}
+            </template>
           </v-data-table>
         </v-card-text>
         <v-divider />