From 1df8dc376ba08602a4394796fb91754321dca1ae Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@gmail.com>
Date: Sat, 3 Dec 2016 15:03:53 +0900
Subject: [PATCH] Bookmark form styles improvement

Closes #6004

Auditors: @bradleyrichter

Test Plan:
---
 app/renderer/components/addEditBookmarkHanger.js |  4 ++--
 less/forms.less                                  | 10 +++++-----
 less/navigationBar.less                          |  8 --------
 3 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/app/renderer/components/addEditBookmarkHanger.js b/app/renderer/components/addEditBookmarkHanger.js
index 93251ee6711..364804ef5b1 100644
--- 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/forms.less b/less/forms.less
index 586e00e5d5b..49f5ed52624 100644
--- 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,15 +573,14 @@
   }
 
   .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;
diff --git a/less/navigationBar.less b/less/navigationBar.less
index bcca10715d0..c282d720546 100644
--- a/less/navigationBar.less
+++ b/less/navigationBar.less
@@ -591,14 +591,6 @@
 }
 
 #navigator {
-  .bookmarkButtons {
-    display: flex;
-
-    .removeButton {
-      flex-grow: 1;
-    }
-  }
-
   .stopButton,
   .reloadButton,
   .homeButton {