From 0059b856746b2f7bb03baf46c66633d371854617 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 19 Jul 2020 16:08:47 +0200
Subject: [PATCH] Only hoved button when on hover enable browsers.

---
 frontend/components/ui/Button.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/components/ui/Button.vue b/frontend/components/ui/Button.vue
index d7c903b..6764260 100644
--- a/frontend/components/ui/Button.vue
+++ b/frontend/components/ui/Button.vue
@@ -1,5 +1,5 @@
 <template>
-  <button :class="computedClass"><slot></slot></button>
+  <button :class="computedClass" @click="$emit('click')"><slot></slot></button>
 </template>
 
 <script>
@@ -57,8 +57,10 @@ button {
     font-size: var(--btn-sm);
   }
 
-  &.scale-rotate:hover {
-    transform: rotate(4deg) scale(1.05);
+  @media(hover: hover) and (pointer: fine) {
+    &.scale-rotate:hover {
+      transform: rotate(4deg) scale(1.05);
+    }
   }
 
   &.black {