From 87f9703529402026e45fba4010092fdb35086791 Mon Sep 17 00:00:00 2001
From: Gennady Grishkovtsov <grishkovelli@gmail.com>
Date: Mon, 31 Dec 2018 12:47:35 +0300
Subject: [PATCH] Add hover effect

---
 src/components/player.vue | 4 ++++
 src/scss/icons.scss       | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/components/player.vue b/src/components/player.vue
index 81ea69d..da650bd 100644
--- a/src/components/player.vue
+++ b/src/components/player.vue
@@ -56,6 +56,10 @@
       &--active {
         fill: white !important;
         background-color: #05CBCD !important;
+
+        &:hover {
+          fill: #505050 !important;
+        }
       }
     }
   }
diff --git a/src/scss/icons.scss b/src/scss/icons.scss
index 6878a6b..09e2f3b 100644
--- a/src/scss/icons.scss
+++ b/src/scss/icons.scss
@@ -7,6 +7,10 @@
   cursor: pointer;
   transition: .2s;
 
+  &:hover {
+    fill: #505050;
+  }
+
   &--no-border {
     border: 0;
     border-radius: 0;