Minor UI updates

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"

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

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>

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"

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"

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"