From f348be6f3172c66da4dc5a55ce3c19a0deda28b1 Mon Sep 17 00:00:00 2001
From: Arturo Manzoli <arturomanzoli@gmail.com>
Date: Wed, 27 Mar 2024 17:42:07 -0300
Subject: [PATCH] components: MiniVideoRecorder: Update clickable area to
 access recorded content table

Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
---
 src/components/mini-widgets/MiniVideoRecorder.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/mini-widgets/MiniVideoRecorder.vue b/src/components/mini-widgets/MiniVideoRecorder.vue
index 770a55a9b..edf48f1dd 100644
--- a/src/components/mini-widgets/MiniVideoRecorder.vue
+++ b/src/components/mini-widgets/MiniVideoRecorder.vue
@@ -34,8 +34,14 @@
     </div>
     <div v-if="numberOfVideosOnDB > 0" class="flex justify-center w-8">
       <v-divider vertical class="h-6" />
-      <v-badge color="info" :content="numberOfVideosOnDB" :dot="isOutside || isVideoLibraryDialogOpen"
-        ><v-icon class="w-6 h-6 text-slate-100 ml-3" @click="isVideoLibraryDialogOpen = true">
+      <v-badge
+        color="info"
+        :content="numberOfVideosOnDB"
+        :dot="isOutside || isVideoLibraryDialogOpen"
+        class="cursor-pointer"
+        @click="isVideoLibraryDialogOpen = true"
+      >
+        <v-icon class="w-6 h-6 text-slate-100 ml-3" @click="isVideoLibraryDialogOpen = true">
           mdi-video-box
         </v-icon></v-badge
       >
@@ -76,7 +82,7 @@
       </div>
     </div>
   </v-dialog>
-  <v-dialog v-model="isVideoLibraryDialogOpen" width="auto">
+  <v-dialog v-model="isVideoLibraryDialogOpen" width="900px">
     <ConfigurationVideoView as-video-library />
   </v-dialog>
 </template>