From a2f19352578a35e3c1d35f62abdd3e3792bbe62a Mon Sep 17 00:00:00 2001
From: Jannis R <mail@jannisr.de>
Date: Tue, 1 Nov 2016 12:48:59 +0100
Subject: [PATCH] move button to overview section

---
 js/src/views/Settings/Background/background.js | 10 ++++++----
 js/src/views/Settings/layout.css               |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/js/src/views/Settings/Background/background.js b/js/src/views/Settings/Background/background.js
index 7f00390ef86..62b51a2cd25 100644
--- a/js/src/views/Settings/Background/background.js
+++ b/js/src/views/Settings/Background/background.js
@@ -59,15 +59,17 @@ class Background extends Component {
           <div className={ layout.overview }>
             <div>The background pattern you can see right now is unique to your Parity installation. It will change every time you create a new Signer token. This is so that decentralized applications cannot pretend to be trustworthy.</div>
             <div>Pick a pattern you like and memorize it. This Pattern will always be shown from now on, unless you clear your browser cache or use a new Signer token.</div>
+            <div>
+              <Button
+                icon={ <NavigationRefresh /> }
+                label='generate more'
+                onClick={ this.generateMore } />
+            </div>
           </div>
           <div className={ layout.details }>
             <div className={ styles.bgcontainer }>
               { this.renderBackgrounds() }
             </div>
-            <Button
-              icon={ <NavigationRefresh /> }
-              label='generate more'
-              onClick={ this.generateMore } />
           </div>
         </div>
       </Container>
diff --git a/js/src/views/Settings/layout.css b/js/src/views/Settings/layout.css
index 9554973ce35..18c78ee8a71 100644
--- a/js/src/views/Settings/layout.css
+++ b/js/src/views/Settings/layout.css
@@ -46,7 +46,7 @@
 }
 
 .overview>div+div {
-  padding-top: 1.25em;
+  margin-top: 1.25em;
 }
 
 .details {