From bcbcb36c435b2f0951792099377dfd019e605ba5 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Tue, 22 Dec 2020 11:51:34 -0400
Subject: [PATCH] Use datatable loader indicator

---
 web/src/views/Logs.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/views/Logs.vue b/web/src/views/Logs.vue
index c09ec46..6bbafaf 100644
--- a/web/src/views/Logs.vue
+++ b/web/src/views/Logs.vue
@@ -28,9 +28,9 @@
         </template>
       </v-tooltip>
     </v-toolbar>
-    <v-progress-linear :indeterminate="$apollo.queries.logs.loading" />
 
     <v-data-table
+      :loading="$apollo.queries.logs.loading"
       :items="items"
       :headers="headers"
       :search="search"
@@ -52,12 +52,12 @@
       </template>
 
       <template slot="item.data" slot-scope="{ item }">
-        <v-dialog>
+        <v-dialog scrollable>
           <template #activator="{ on }">
             <v-btn icon v-on="on"><v-icon>mdi-magnify</v-icon> </v-btn>
           </template>
           <v-card>
-            <v-card-title>
+            <v-card-title class="font-weight-light">
               {{ item.message }}
             </v-card-title>
             <v-card-text>