From c0069eba12fcf8fc0ef089c63f0880177ffef65a Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Fri, 4 Dec 2020 10:48:14 -0400
Subject: [PATCH] Update skeleton

---
 web/src/components/UserPresenceStatusList.vue | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/web/src/components/UserPresenceStatusList.vue b/web/src/components/UserPresenceStatusList.vue
index 92afc8e..4dd53d3 100644
--- a/web/src/components/UserPresenceStatusList.vue
+++ b/web/src/components/UserPresenceStatusList.vue
@@ -11,7 +11,7 @@
         cols="12"
         md="6"
       >
-        <v-card rounded outlined>
+        <v-card outlined>
           <v-list three-line>
             <v-list-item>
               <v-list-item-avatar size="52px" style="overflow: visible">
@@ -57,20 +57,24 @@
       </v-col>
     </transition-group>
   </div>
-  <v-list v-else>
-    <v-divider />
-    <div v-for="i in 5" :key="i">
-      <v-list-item>
-        <v-list-item-avatar>
-          <v-skeleton-loader type="avatar" />
-        </v-list-item-avatar>
-        <v-list-item-content>
-          <v-skeleton-loader type="paragraph" style="max-width: 300px" />
-        </v-list-item-content>
-      </v-list-item>
-      <v-divider />
-    </div>
-  </v-list>
+  <div v-else>
+    <v-row>
+      <v-col v-for="i in 8" :key="i" cols="12" md="6">
+        <v-card outlined>
+          <v-list>
+            <v-list-item>
+              <v-list-item-avatar>
+                <v-skeleton-loader type="avatar" />
+              </v-list-item-avatar>
+              <v-list-item-content>
+                <v-skeleton-loader type="paragraph" style="max-width: 300px" />
+              </v-list-item-content>
+            </v-list-item>
+          </v-list>
+        </v-card>
+      </v-col>
+    </v-row>
+  </div>
 </template>
 
 <script>