From 7a5fbe0d429fe8f9aa647a1989cb7442354b23d7 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@gmail.com>
Date: Mon, 14 Aug 2017 10:47:30 +0900
Subject: [PATCH] Normalize action buttons placement

Move the button left of the input field.
Also replace Button with BrowserButton.

Fixes #10465

Auditors:

Test Plan:
1. Open about:history
2. Open about:bookmarks
3. Make sure the action buttons are placed left of the input fields
---
 js/about/history.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/js/about/history.js b/js/about/history.js
index 534c1e6e969..c7a1a3c303e 100644
--- a/js/about/history.js
+++ b/js/about/history.js
@@ -12,7 +12,7 @@ const settings = require('../constants/settings')
 const aboutActions = require('./aboutActions')
 const getSetting = require('../settings').getSetting
 const SortableTable = require('../../app/renderer/components/common/sortableTable')
-const Button = require('../../app/renderer/components/common/button')
+const BrowserButton = require('../../app/renderer/components/common/browserButton')
 const {makeImmutable} = require('../../app/common/state/immutableUtil')
 const historyUtil = require('../../app/common/lib/historyUtil')
 
@@ -210,6 +210,11 @@ class AboutHistory extends React.Component {
         <AboutPageSectionTitle data-l10n-id='history' />
         <div className='headerActions'>
           <div className='searchWrapper'>
+            <BrowserButton primaryColor
+              l10nId='clearBrowsingDataNow'
+              testId='clearBrowsingDataButton'
+              onClick={this.clearBrowsingDataNow}
+            />
             <input type='text' className='searchInput' ref='historySearch' id='historySearch' value={this.state.search} onChange={this.onChangeSearch} data-l10n-id='historySearch' />
             {
               this.state.search
@@ -217,11 +222,6 @@ class AboutHistory extends React.Component {
               : <span className='fa fa-search searchInputPlaceholder' />
             }
           </div>
-          <Button className='primaryButton'
-            l10nId='clearBrowsingDataNow'
-            testId='clearBrowsingDataButton'
-            onClick={this.clearBrowsingDataNow}
-          />
         </div>
       </div>