viewer: set pointer cursor on collapsible info panel title bar

GitHub: closes #269

1 files changed, 5 insertions, 1 deletions

diff --git a/viewer/src/views/PanelLeft.vue b/viewer/src/views/PanelLeft.vue
index 0ab3aa8..d2a3656 100644
--- a/viewer/src/views/PanelLeft.vue
+++ b/viewer/src/views/PanelLeft.vue
@@ -37,7 +37,7 @@
         :current-tags="currentTags"
       />
     </div>
-    <h1 class="flex title" @click="infoOpen = !infoOpen">
+    <h1 :class="$style.infoPanelTitleBar" class="flex title" @click="infoOpen = !infoOpen">
       {{ $t("panelLeft.information.title") }}
       <fa-icon :icon="infoOpen ? 'caret-down' : 'caret-up'" />
     </h1>
@@ -108,6 +108,10 @@ export default class PanelLeft extends Vue {
       margin-top: 2px; // Fixes a vertical centering issue with the carret
     }
   }
+
+  .infoPanelTitleBar {
+    cursor: pointer;
+  }
 }
 
 .flexShrinkFully {