From d5a1885d30be84ebadfc574434355ce4c340f45b Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@gmail.com>
Date: Tue, 14 Mar 2017 11:45:03 +0900
Subject: [PATCH] Improvement of buttons on TorrentViewer

- Removed redundant rules, adding "primaryButton" class
- Removed float:right by aligning the buttons on the js file

Fixes #6735

Auditors:

Test Plan:
1. Visit https://codepen.io/ferossity/full/qaezaB/
2. Open any link on the page in a new tab
3. Make sure there is a gap between the buttons on the header
---
 js/webtorrent/components/torrentViewer.js | 10 +++++-----
 less/webtorrent.less                      |  9 ---------
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/js/webtorrent/components/torrentViewer.js b/js/webtorrent/components/torrentViewer.js
index 6e19ea6ec05..4915516705c 100644
--- a/js/webtorrent/components/torrentViewer.js
+++ b/js/webtorrent/components/torrentViewer.js
@@ -45,15 +45,15 @@ class TorrentViewer extends React.Component {
         <div className='siteDetailsPageHeader'>
           {titleElem}
           <div className='headerActions'>
-            <Button
-              l10nId='saveTorrentFile'
-              className='whiteButton saveTorrentFile'
-              onClick={() => dispatch('saveTorrentFile')} />
             <Button
               l10nId={mainButtonId}
-              className='whiteButton mainButton'
+              className='primaryButton mainButton'
               disabled={!!torrent}
               onClick={() => dispatch('start')} />
+            <Button
+              l10nId='saveTorrentFile'
+              className='whiteButton saveTorrentFile'
+              onClick={() => dispatch('saveTorrentFile')} />
           </div>
         </div>
 
diff --git a/less/webtorrent.less b/less/webtorrent.less
index 7fd993d2de8..6773e9b1f5d 100644
--- a/less/webtorrent.less
+++ b/less/webtorrent.less
@@ -10,16 +10,7 @@
   min-width: 704px;
 
   .siteDetailsPageHeader {
-    .headerActions > * {
-      float: right;
-    }
     .mainButton {
-      background: linear-gradient(@braveLightOrange, @braveOrange);
-      border: 2px solid transparent;
-      border-top: 2px solid @braveLightOrange;
-      border-bottom: 2px solid @braveOrange;
-      box-shadow: @buttonShadow;
-      color: white;
       font-weight: 400;
     }
   }