From 89742ae74a97a592291a6d88097762695267ba54 Mon Sep 17 00:00:00 2001
From: Send_Nukez <erikjulius2701@yahoo.de>
Date: Thu, 25 Nov 2021 09:59:36 +0100
Subject: [PATCH] add hover & active state to config area headers

---
 src/styles/ConfigMenu.scss | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/styles/ConfigMenu.scss b/src/styles/ConfigMenu.scss
index ae68b7b..49ff260 100644
--- a/src/styles/ConfigMenu.scss
+++ b/src/styles/ConfigMenu.scss
@@ -60,8 +60,18 @@
                     min-height: 38px; //for some reason height alone isn't enough
                     height: 38px;
 
-                    .dribbblish-config-area-header svg {
-                        transform: rotate(270deg);
+                    .dribbblish-config-area-header {
+                        svg {
+                            transform: rotate(270deg);
+                        }
+
+                        &:hover svg {
+                            transform: rotate(270deg) scale(1.1);
+                        }
+
+                        &:active svg {
+                            transform: rotate(270deg) scale(0.9);
+                        }
                     }
                 }
 
@@ -86,6 +96,14 @@
                         stroke-width: 2px;
                         transform: rotate(90deg);
                     }
+
+                    &:hover svg {
+                        transform: rotate(90deg) scale(1.1);
+                    }
+
+                    &:active svg {
+                        transform: rotate(90deg) scale(0.9);
+                    }
                 }
 
                 .dribbblish-config-area-items {