From 264639dc6ea091b8d9945c9fe0e8fc86e5aa7af6 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Thu, 14 Apr 2022 09:53:27 -0400
Subject: [PATCH] Minor UI updates

---
 web/src/components/UpdatePasswordForm.vue |  5 +++--
 web/src/views/AccessPoints/index.vue      | 22 +++++++++++-----------
 web/src/views/CreateToken.vue             | 20 +++++++++-----------
 web/src/views/UserPresence.vue            |  2 +-
 web/src/views/WifiDevices.vue             |  2 +-
 web/src/views/WifiUsers.vue               |  2 +-
 6 files changed, 26 insertions(+), 27 deletions(-)

diff --git a/web/src/components/UpdatePasswordForm.vue b/web/src/components/UpdatePasswordForm.vue
index 2271b5b..f0c99ff 100755
--- a/web/src/components/UpdatePasswordForm.vue
+++ b/web/src/components/UpdatePasswordForm.vue
@@ -1,8 +1,9 @@
 <template>
   <v-card :loading="loading" flat outlined class="light-shadow">
-    <v-card-title class="display-1 font-weight-light mb-2">
-      Alterar minha senha
+    <v-card-title class="font-weight-light mb-1">
+      Atualizar minha senha
     </v-card-title>
+    <v-divider />
     <v-card-text>
       <v-text-field
         v-model="oldPassword"
diff --git a/web/src/views/AccessPoints/index.vue b/web/src/views/AccessPoints/index.vue
index 7a0f9f1..221d257 100644
--- a/web/src/views/AccessPoints/index.vue
+++ b/web/src/views/AccessPoints/index.vue
@@ -1,11 +1,20 @@
 <template>
   <v-container class="access-points" fluid>
     <router-view />
-    <v-toolbar class="mb-2" flat outlined>
+    <v-toolbar class="mb-2" flat outlined max-width="400px">
+      <v-text-field
+        v-model="search"
+        label="Pesquisar"
+        placeholder="Nome, hostname, ip, modelo e etc."
+        clearable
+        prepend-icon="mdi-magnify"
+        hide-details
+      />
       <v-menu
-        offset-y
         :close-on-content-click="false"
         transition="slide-y-transition"
+        left
+        offset-x
       >
         <template #activator="{ on, attrs }">
           <v-btn icon v-bind="attrs" v-on="on">
@@ -45,15 +54,6 @@
           </v-card-text>
         </v-card>
       </v-menu>
-
-      <v-text-field
-        v-model="search"
-        label="Pesquisar"
-        placeholder="Nome, hostname, ip, modelo e etc."
-        clearable
-        prepend-icon="mdi-magnify"
-        hide-details
-      />
     </v-toolbar>
 
     <v-data-table
diff --git a/web/src/views/CreateToken.vue b/web/src/views/CreateToken.vue
index 34bff2d..0675fae 100755
--- a/web/src/views/CreateToken.vue
+++ b/web/src/views/CreateToken.vue
@@ -1,18 +1,10 @@
 <template>
-  <v-container style="height: 90vh" fluid>
+  <v-container fluid>
     <v-row justify="center">
-      <v-col cols="12" md="6">
+      <v-col cols="12" xl="4" lg="6" md="8">
         <CreateTokenForm />
-        <v-alert class="mt-2" type="info" outlined>
-          Se o aluno estiver com dificuldades para utilizar o token, você pode
-          <router-link to="replace-student-password">
-            alterar a senha diretamente
-          </router-link>
-        </v-alert>
-      </v-col>
 
-      <v-col>
-        <v-alert type="info" outlined>
+        <v-alert class="mt-6" type="success" outlined>
           <span>Instruções:</span>
           <ul>
             <li>Pesquise pelo aluno, usando o CPF ou nome</li>
@@ -25,6 +17,12 @@
             </li>
           </ul>
         </v-alert>
+        <v-alert class="mt-2" type="info" outlined>
+          Se o aluno estiver com dificuldades para utilizar o token, você pode
+          <router-link to="replace-student-password">
+            alterar a senha diretamente</router-link
+          >.
+        </v-alert>
       </v-col>
     </v-row>
   </v-container>
diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index 75ecd51..798f76b 100644
--- a/web/src/views/UserPresence.vue
+++ b/web/src/views/UserPresence.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container fluid class="mb-12">
-    <v-toolbar class="mb-2" flat outlined>
+    <v-toolbar class="mb-2" flat outlined max-width="400px">
       <v-text-field
         v-model="search"
         label="Pesquisar"
diff --git a/web/src/views/WifiDevices.vue b/web/src/views/WifiDevices.vue
index f9ddc8f..41f570e 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>
+    <v-toolbar class="mb-2" flat outlined max-width="400px">
       <v-text-field
         v-model="search"
         label="Pesquisar"
diff --git a/web/src/views/WifiUsers.vue b/web/src/views/WifiUsers.vue
index c708010..222aff6 100644
--- a/web/src/views/WifiUsers.vue
+++ b/web/src/views/WifiUsers.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container fluid>
-    <v-toolbar flat outlined>
+    <v-toolbar flat outlined max-width="400px">
       <v-text-field
         v-model="search"
         label="Pesquisar"