From a058a774e9aed1b6362d5aa0b00fe70771ef9b32 Mon Sep 17 00:00:00 2001
From: Michael Alaev <Alaev@users.noreply.github.com>
Date: Mon, 4 Dec 2017 15:10:36 +0200
Subject: [PATCH] Added border radius with background color

At the moment when you hover the left menu icon its hard to see that you fully hovering it, yes there is a white color and a cursor icon I was thinking it would be useful to have a more visual effect
---
 browser/components/NavToggleButton.styl | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/browser/components/NavToggleButton.styl b/browser/components/NavToggleButton.styl
index 83a9853d..ae9dd6ca 100644
--- a/browser/components/NavToggleButton.styl
+++ b/browser/components/NavToggleButton.styl
@@ -9,6 +9,10 @@
   width 34px
   line-height 32px
   padding 0
+  &:hover
+    border: 1px solid #1EC38B;
+    background-color: alpha(#1EC38B, 30%)
+    border-radius: 50%;
 
 body[data-theme="white"]
   navWhiteButtonColor()