From 5c800ec99a30f0d01141b4328b97b6f53b85bbe6 Mon Sep 17 00:00:00 2001
From: Jon Kuperman <jon.kuperman@gmail.com>
Date: Mon, 7 Nov 2016 12:02:47 -0800
Subject: [PATCH] svg buttons alignment on tabsbar

---
 less/button.less | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/less/button.less b/less/button.less
index 94bc8a4d34a..cac8064d989 100644
--- a/less/button.less
+++ b/less/button.less
@@ -20,12 +20,19 @@ span.buttonSeparator {
 }
 
 span.menuButton {
-  background: url('../img/toolbar/menu_btn.svg') center no-repeat;
+  background-color: @buttonColor;
   display: inline-block;
   width: 20px;
   height: 12px;
-  margin: 6px 4px 0 0;
+  margin: 8px 4px 0 0;
   cursor: default;
+  -webkit-mask-image: url('../img/toolbar/menu_btn.svg');
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+
+  &:hover {
+    background-color: black;
+  }
 }
 
 a.browserButton,