Minor layout fixes

server/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "ifms-pti-svr",
-  "version": "2.8.1",
+  "version": "2.8.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ifms-pti-svr",
-      "version": "2.8.1",
+      "version": "2.8.2",
       "license": "ISC",
       "dependencies": {
         "@prisma/client": "^3.5.0",

server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ifms-pti-svr",
-  "version": "2.8.1",
+  "version": "2.8.2",
   "description": "Servidor do Portal de TI do IFMS",
   "main": "src/index.js",
   "scripts": {

web/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "ifms-pti",
-  "version": "2.8.1",
+  "version": "2.8.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ifms-pti",
-      "version": "2.8.1",
+      "version": "2.8.2",
       "dependencies": {
         "@mdi/font": "^5.9.55",
         "apollo-link-ws": "^1.0.20",

web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ifms-pti",
-  "version": "2.8.1",
+  "version": "2.8.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

web/src/components/widgets/DevicesWidget.vue

@@ -9,7 +9,12 @@
       Você ainda não conectou um dispositivo à rede Wi-Fi. Assim que conectar,
       ele aparecerá aqui.
     </v-alert>
-    <v-expansion-panels v-if="me" mandatory accordion flat>
+    <v-expansion-panels
+      v-if="me && me.wifiDevices.length"
+      accordion
+      flat
+      :value="0"
+    >
       <WifiDevice
         v-for="device in me.wifiDevices"
         :key="device.id"

web/src/views/Home.vue

@@ -1,19 +1,19 @@
 <template>
   <v-container class="home" fluid>
     <v-row>
-      <v-col>
+      <v-col cols="12" md="6" xl="4">
         <UserInfoWidget />
       </v-col>
 
-      <v-col>
+      <v-col cols="12" md="6" xl="4">
         <DevicesWidget />
       </v-col>
 
-      <v-col v-if="me && me.isSuperAdmin">
+      <v-col v-if="me && me.isSuperAdmin" cols="12" md="6" xl="4">
         <StatsWidget />
       </v-col>
 
-      <v-col v-if="me && me.isTokenCreator">
+      <v-col v-if="me && me.isTokenCreator" cols="12" md="6" xl="4">
         <TokenStatsWidget />
       </v-col>
     </v-row>

web/src/views/UserPresence.vue

@@ -22,7 +22,7 @@
           indeterminate
         />
       </v-text-field>
-      <v-spacer />
+
       <v-dialog v-model="helpDialog" width="500px">
         <template #activator="{ on, attrs }">
           <v-btn class="ml-1" color="info" dark v-bind="attrs" icon v-on="on">
@@ -31,11 +31,31 @@
         </template>
 
         <v-card>
-          <v-card-title class="headline grey lighten-3"> Ajuda </v-card-title>
+          <v-card-title class="headline primary white--text">
-
+            Como pesquisar
+          </v-card-title>
           <v-card-text>
-            Você pode pesquisar pelo nome, SIAPE, CPF, nome do Access Point,
+            Você pode pesquisar usuários pelo nome, SIAPE, CPF, setor do SUAP,
-            função do servidor, endereço IP dentre outros.
+            nome do Access Point, função do servidor, endereço IP dentre
+            outros.<br />
+            Exemplos:
+            <ul>
+              <li>
+                <code>jose</code>
+              </li>
+              <li>
+                <code>pp</code>
+              </li>
+              <li>
+                <code>sala 102</code>
+              </li>
+              <li>
+                <code>10.7</code>
+              </li>
+              <li>
+                <code>PP-CEREL</code>
+              </li>
+            </ul>
           </v-card-text>
 
           <v-divider></v-divider>
@@ -84,9 +104,9 @@
           v-for="userPresence in pagedUserPresences"
           :key="userPresence.id"
           cols="12"
-          sm="6"
+          md="6"
-          md="4"
+          lg="4"
-          lg="3"
+          xl="3"
         >
           <v-card
             outlined