Fix border issue on Brave buttons

Fixes #13371 Auditors: @bradleyrichter, @cezaraugusto
brave · Mar 16, 2018 · f5fbfbe · f5fbfbe
1 parent d740679
commit f5fbfbe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/renderer/components/common/browserButton.js b/app/renderer/components/common/browserButton.js
@@ -168,8 +168,8 @@ const styles = StyleSheet.create({
 
   browserButton_primaryColor: {
     background: globalStyles.button.primary.background,
-    borderLeft: '2px solid transparent',
-    borderRight: '2px solid transparent',
+    borderLeft: `2px solid ${globalStyles.button.primary.gradientColor1}`,
+    borderRight: `2px solid ${globalStyles.button.primary.gradientColor2}`,
     borderTop: `2px solid ${globalStyles.button.primary.gradientColor1}`,
     borderBottom: `2px solid ${globalStyles.button.primary.gradientColor2}`,
     cursor: 'pointer',

diff --git a/less/button.less b/less/button.less
@@ -82,7 +82,8 @@ span.buttonSeparator {
 
   &.primaryButton {
     background: linear-gradient(@braveLightOrange, @braveOrange);
-    border: 2px solid transparent;
+    border-left: 2px solid @braveLightOrange;
+    border-right: 2px solid @braveOrange;
     border-top: 2px solid @braveLightOrange;
     border-bottom: 2px solid @braveOrange;
     box-shadow: @buttonShadow;