brave · bbondy · Dec 6, 2016 · Dec 3, 2016 · Dec 3, 2016 · Dec 3, 2016
diff --git a/app/renderer/components/addEditBookmarkHanger.js b/app/renderer/components/addEditBookmarkHanger.js
@@ -188,10 +188,10 @@ class AddEditBookmarkHanger extends ImmutableComponent {
             <div className='bookmarkButtons'>
               {
                 this.props.originalDetail
-                ? <Button l10nId='remove' className='removeButton whiteButton' onClick={this.onRemoveBookmark} />
+                ? <Button l10nId='remove' className='whiteButton wideButton' onClick={this.onRemoveBookmark} />
                 : null
               }
-              <Button l10nId='done' disabled={!this.bookmarkNameValid} className='doneButton primaryButton' onClick={this.onSave} />
+              <Button l10nId='done' disabled={!this.bookmarkNameValid} className='primaryButton wideButton' onClick={this.onSave} />
             </div>
           </div>
         </div>

diff --git a/less/about/common.less b/less/about/common.less
@@ -8,7 +8,8 @@
 
 * {
   color: @textColor;
-  font-family: "Arial";
+  font-family: "Helvetica Neue", Arial, sans-serif;
+  font-weight: 400;
   margin: 0;
   padding: 0;
 }

diff --git a/less/about/newtab.less b/less/about/newtab.less
@@ -11,7 +11,8 @@
 
 
 strong, div, span, li, em, p, a {
-  font-weight: 200;
+  font-family: "Helvetica Neue", Arial, sans-serif;
+  font-weight: 400;
   -webkit-font-smoothing: antialiased;
 }
 
@@ -138,7 +139,7 @@ ul {
 
       .time {
         font-size: 75px;
-        font-weight: 400;
+        font-weight: 200;
         color: #fff;
       }
 
@@ -358,6 +359,7 @@ ul {
       .copyrightCredits {
         &, .photoBy, .copyrightOwner {
           color: #fff;
+          font-size: 15px;
           text-transform: uppercase;
         }
 
@@ -375,7 +377,8 @@ ul {
       }
 
       .photoName {
-        color: @white50;
+        color: @white75;
+        font-size: 23px;
       }
     }
 

diff --git a/less/about/preferences.less b/less/about/preferences.less
@@ -1,7 +1,7 @@
 @import "./common.less";
 
 strong, div, span, li, em, p, a {
-  font-weight: 200;
+  font-weight: 400;
   -webkit-font-smoothing: antialiased;
 }
 

diff --git a/less/about/siteDetails.less b/less/about/siteDetails.less
@@ -2,7 +2,7 @@
 @import "./common.less";
 
 strong, div, span, li, em, p, a {
-  font-weight: 200;
+  font-weight: 400;
   -webkit-font-smoothing: antialiased;
 }
 

diff --git a/less/button.less b/less/button.less
@@ -40,7 +40,7 @@ span.buttonSeparator {
   line-height: 25px;
   width: 25px;
   height: 25px;
-  font-size: 14px;
+  font-size: 13px;
   color: @buttonColor;
   border-radius: @borderRadius;
   margin: 0 3px;
@@ -98,7 +98,7 @@ span.buttonSeparator {
     border-top: 1px solid @braveLightOrange;
     border-bottom: 1px solid @braveOrange;
     box-shadow: @buttonShadow;
-    font-weight: 400;
+    font-weight: 500;
 
     &:hover {
       border: 1px solid white;
@@ -144,7 +144,7 @@ span.buttonSeparator {
   .settingsList > .settingItem + button,
   .settingItem > span + button,
   #paymentsContainer button:not(.close) {
-    font-size: 0.9em;
+    font-size: 13px;
     padding: 8px 20px;
   }
 

diff --git a/less/forms.less b/less/forms.less
@@ -551,6 +551,7 @@
   background: linear-gradient(#FFFFFF, #DEDEDE);
   margin-top: 10px;
   padding: 0;
+  min-width: 310px;
 
   .arrowUp {
     width: 0;
@@ -572,18 +573,18 @@
   }
 
   .bookmarkButtons {
-    margin: 20px 0 10px 0;
-
-    .doneButton {
-      margin-right: 0;
-    }
+    display: flex;
+    justify-content: flex-end;
+    margin: 20px 0 10px;
   }
 
   .bookmarkFormInner {
     padding: 10px 30px;
+
     h2 {
       -webkit-user-select: none;
       cursor: default;
+        min-width: 250px;
     }
   }
 

diff --git a/less/navigationBar.less b/less/navigationBar.less
@@ -591,14 +591,6 @@
 }
 
 #navigator {
-  .bookmarkButtons {
-    display: flex;
-
-    .removeButton {
-      flex-grow: 1;
-    }
-  }
-
   .stopButton,
   .reloadButton,
   .homeButton {

diff --git a/less/switchControls.less b/less/switchControls.less
@@ -17,7 +17,7 @@
 
   &:not(.disabled) {
     .switchBackground.switchedOn {
-      background-color: @braveOrange;
+      background-color: @switchBG_on;
       .switchIndicator {
         right: 2px;
       }

diff --git a/less/variables.less b/less/variables.less
@@ -50,8 +50,8 @@
 @braveDarkOrange: #D44600;
 @dragSpacing: 50px;
 
-@switchBG_on: @braveOrange;
-@switchBG_off: #d3d3d3;
+@switchBG_on: #ff6000;
+@switchBG_off: #ccc;
 @switchBG_off_lrg: #adadad;
 @switchBG_dis: #e8e8e8;
 @switchBGTransition: background-color 100ms;
@@ -95,14 +95,15 @@
 
 @white25: rgba(255, 255, 255, 0.25);
 @white50: rgba(255, 255, 255, 0.5);
+@white75: rgba(255, 255, 255, 0.75);
 @gray25: rgba(116, 116, 130, 0.25);
 @gray50: rgba(116, 116, 130, 0.5);
 @black10: rgba(0, 0, 0, 0.1);
 @black25: rgba(0, 0, 0, 0.25);
 @black50: rgba(0, 0, 0, 0.5);
 @black75: rgba(0, 0, 0, 0.75);
 
-@buttonShadow: 0px 1px 5px -1px rgba(0, 0, 0, 1.0);
+@buttonShadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.5);
 @dialogShadow: 0px 8px 22px 0px rgba(0, 0, 0, .5);
 @softBoxShadow: 0 4px 8px @lightGray;
 @lightBoxShadow: 0 2px 2px @lightGray;

diff --git a/less/window.less b/less/window.less
@@ -6,7 +6,7 @@
 @import "variables.less";
 
 :root {
-  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
 }
 
 * {
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ @@
     @import "variables.less";
     :root {
-      --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+      --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
     }
     * {
@@ Expand Down @@