From ccead163339dbac6ab5382ba9a7d36ca83dbd766 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Tue, 30 Nov 2021 13:51:14 -0400
Subject: [PATCH] Minor layout fixes

---
 server/package-lock.json                     |  4 +--
 server/package.json                          |  2 +-
 web/package-lock.json                        |  4 +--
 web/package.json                             |  2 +-
 web/src/components/widgets/DevicesWidget.vue |  7 +++-
 web/src/views/Home.vue                       |  8 ++---
 web/src/views/UserPresence.vue               | 36 +++++++++++++++-----
 7 files changed, 44 insertions(+), 19 deletions(-)

diff --git a/server/package-lock.json b/server/package-lock.json
index f1d8e73..8bd23f1 100755
--- a/server/package-lock.json
+++ b/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",
diff --git a/server/package.json b/server/package.json
index 4975dd7..fddaba7 100755
--- a/server/package.json
+++ b/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": {
diff --git a/web/package-lock.json b/web/package-lock.json
index 17335e3..1383bcd 100755
--- a/web/package-lock.json
+++ b/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",
diff --git a/web/package.json b/web/package.json
index 016028f..f2ff197 100755
--- a/web/package.json
+++ b/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",
diff --git a/web/src/components/widgets/DevicesWidget.vue b/web/src/components/widgets/DevicesWidget.vue
index f74eda3..e88466f 100755
--- a/web/src/components/widgets/DevicesWidget.vue
+++ b/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"
diff --git a/web/src/views/Home.vue b/web/src/views/Home.vue
index 52715dd..677c1c5 100755
--- a/web/src/views/Home.vue
+++ b/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>
diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index a01bd6c..3f19aff 100644
--- a/web/src/views/UserPresence.vue
+++ b/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,
-            função do servidor, endereço IP dentre outros.
+            Você pode pesquisar usuários pelo nome, SIAPE, CPF, setor do SUAP,
+            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="4"
-          lg="3"
+          md="6"
+          lg="4"
+          xl="3"
         >
           <v-card
             outlined