diff --git a/less/navigationBar.less b/less/navigationBar.less index ffdbcb35878..8e7c22d2b80 100644 --- a/less/navigationBar.less +++ b/less/navigationBar.less @@ -481,19 +481,9 @@ .backButton, .forwardButton { - width: 20px; - margin-top: 5px; - } - - .backButton { - padding-right:4px; - margin-left: 4px; + width: 100%; } - .forwardButton { - padding-left: 4px; - margin-left: 6px; - } } // Navigation bar at the center @@ -532,10 +522,10 @@ .extensionButton { -webkit-app-region: no-drag; - background-size: contain; - height: 17px; - margin: 4px 4px 0 0; - opacity: 0.85; + background-size: contain; + height: 17px; + margin: 4px 4px 0 0; + opacity: 0.85; } .braveMenu { @@ -581,11 +571,11 @@ width: 26px; margin-left: -3px; margin-right: 6px; - + &.nav { - margin-left: 4px; - margin-right: 1px; - width: 34px; + margin-left: 4px; + margin-right: 1px; + width: 34px; } &:last-child { @@ -600,44 +590,44 @@ .backButton, .forwardButton { - height: 15px; + height: 24px; width: 30px; - margin-top: 5px; + margin: 0; } .backButton { background: url('../img/toolbar/back_btn.svg') center no-repeat; - margin-left: 4px; + background-size: 15px 15px; } .forwardButton { background: url('../img/toolbar/forward_btn.svg') center no-repeat; - margin-left: 4px; + background-size: 15px 15px; } #navigator { + .stopButton, + .reloadButton, + .homeButton { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + } + .stopButton { background: url('../img/toolbar/stoploading_btn.svg') center no-repeat; - margin: 0 3px 3px 3px; - padding: 0 6px; - height: 12px; - position: relative; - top: 3px; + background-size: 12px 12px; } .reloadButton { background: url('../img/toolbar/reload_btn.svg') center no-repeat; - margin: 0 3px -1px 3px; - padding: 0 4px; - position: relative; + background-size: 15px 15px; } .homeButton { background: url('../img/toolbar/home_btn.svg') center no-repeat; - width: 14px; - height: 13px; - padding: 0 6px; - position: relative; + background-size: 18px 18px; } .bookmarkButton {