fixed backButton and forwardButton

brave · Nov 30, 2016 · accb4b5 · accb4b5
1 parent 8e5c3a1
commit accb4b5
Showing 1 changed file with 12 additions and 18 deletions.
diff --git a/less/navigationBar.less b/less/navigationBar.less
@@ -486,8 +486,19 @@
     .backButton,
     .forwardButton {
       width: 100%;
+      height: 100%;
+      margin: 0;
     }
 
+    .backButton {
+      background: url('../img/toolbar/back_btn.svg') center no-repeat;
+      background-size: 14px 14px;
+    }
+
+    .forwardButton {
+      background: url('../img/toolbar/forward_btn.svg') center no-repeat;
+      background-size: 14px 14px;
+    }
   }
 
   // Navigation bar at the center
@@ -592,23 +603,6 @@
   }
 }
 
-.backButton,
-.forwardButton {
-  height: 24px;
-  width: 30px;
-  margin: 0;
-}
-
-.backButton {
-  background: url('../img/toolbar/back_btn.svg') center no-repeat;
-  background-size: 14px 14px;
-}
-
-.forwardButton {
-  background: url('../img/toolbar/forward_btn.svg') center no-repeat;
-  background-size: 14px 14px;
-}
-
 .noScriptButtonContainer {
     display: flex;
     margin-left: 6px;
@@ -685,7 +679,7 @@
     z-index: @zindexNavigationBar;
     transition: margin @transitionDuration ease-in-out;
 
-    span {
+    button {
       -webkit-user-select: none;
       color: @buttonColor;
       cursor: default;