extend blue outline in URL bar to include bookmark button

brave · Nov 15, 2016 · defc210 · defc210
1 parent 44ee155
commit defc210
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/less/forms.less b/less/forms.less
@@ -556,10 +556,10 @@
     border-bottom: 10px solid #FFFFFF;
     position: relative;
     bottom: 10px;
-    left: 37px;
+    left: 62px;
 
     &.withHomeButton {
-      left: 67px;
+      left: 100px;
     }
   }
 

diff --git a/less/navigationBar.less b/less/navigationBar.less
@@ -645,8 +645,10 @@
     -webkit-mask-repeat: no-repeat;
     width: 14px;
     height: 14px;
-    margin-bottom: 2px;
-    margin-left: 6px;
+    margin: 0;
+    position: absolute;
+    top: 4px;
+    left: 4px;
 
     &.removeBookmarkButton {
       background: url('../img/toolbar/bookmark_marked.svg') center no-repeat;
@@ -720,8 +722,6 @@
   #navigator:not(.titleMode) & {
     background: white;
     border-radius: @borderRadiusURL;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
     box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 1px rgba(0,0,0,0.1);
     color: @chromeText;
   }
@@ -755,17 +755,20 @@
       animation-fill-mode: forwards;
     }
 
+    .startButtons {
+      position: relative;
+      z-index: 999;
+    }
+
     .bookmarkButtonContainer {
-      border: 1px solid #CBCBCB;
-      border-radius: @borderRadius;
-      border-right: none;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
+      background-color: #f7f7f7;
       box-sizing: border-box;
-      height: 25px;
-      line-height: 25px;
-      margin-right: -2px;
+      height: 21px;
+      width: 23px;
       display: inline-block;
+      position: relative;
+      left: 25px;
+      top: 2px;
     }
   }
 
@@ -893,6 +896,7 @@
     color: @siteSecureColor;
     left: 14px;
     margin-top: 1px;
+    margin-left: 20px;
     font-size: 13px;
     min-height: 10px;
     min-width: 16px;