Merge pull request #5468 from brave/svg-alignment

svg buttons alignment on tabsbar
brave · Nov 7, 2016 · 545b066 · 545b066
2 parents 7ae7274 + 5c800ec
commit 545b066
Showing 1 changed file with 9 additions and 2 deletions.
diff --git 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,