UI improvements

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Account/ActorCard.vue

@@ -50,6 +50,8 @@ export default class ActorCard extends Vue {
 </style>
 
 <style lang="scss">
+@import "../../variables.scss";
+
 .tooltip {
   display: block !important;
   z-index: 10000;
@@ -135,7 +137,7 @@ export default class ActorCard extends Vue {
     $color: #f9f9f9;
 
     .popover-inner {
-      background: $color;
+      background: lighten($background-color, 65%);
       color: black;
       padding: 24px;
       border-radius: 5px;

js/src/components/Account/PopoverActorCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-popover offset="16" trigger="hover" :class="{ inline }" class="clickable">
+  <v-popover offset="16" trigger="click" :class="{ inline }" class="clickable">
     <slot></slot>
     <template slot="popover" class="popover">
       <actor-card :full="true" :actor="actor" :popover="true" />