From 7daf6a61058572ad39ba98dd61908e32b9a5e97c Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Mon, 4 Dec 2017 17:35:25 +0300
Subject: [PATCH] spv claim interest modal css fix

---
 .../dashboard/claimInterestModal/claimInterestModal.js |  1 +
 .../claimInterestModal/claimInterestModal.render.js    | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/react/src/components/dashboard/claimInterestModal/claimInterestModal.js b/react/src/components/dashboard/claimInterestModal/claimInterestModal.js
index af54255..4e051ac 100755
--- a/react/src/components/dashboard/claimInterestModal/claimInterestModal.js
+++ b/react/src/components/dashboard/claimInterestModal/claimInterestModal.js
@@ -48,6 +48,7 @@ class ClaimInterestModal extends React.Component {
     this.closeDropMenu = this.closeDropMenu.bind(this);
     this.closeModal = this.closeModal.bind(this);
     this.isFullySynced = this.isFullySynced.bind(this);
+    this.confirmClaimInterest = this.confirmClaimInterest.bind(this);
   }
 
   componentWillMount() {
diff --git a/react/src/components/dashboard/claimInterestModal/claimInterestModal.render.js b/react/src/components/dashboard/claimInterestModal/claimInterestModal.render.js
index fa02b6b..8ea105f 100644
--- a/react/src/components/dashboard/claimInterestModal/claimInterestModal.render.js
+++ b/react/src/components/dashboard/claimInterestModal/claimInterestModal.render.js
@@ -41,7 +41,7 @@ export const _ClaimInterestTableRender = function() {
 
   return (
     <span>
-      <div className="padding-bottom-20">
+      <div>
         <p>
           <strong>{ translate('CLAIM_INTEREST.REQ_P1') }:</strong> { translate('CLAIM_INTEREST.REQ_P2') } <strong>10 KMD</strong>
         </p>
@@ -56,7 +56,7 @@ export const _ClaimInterestTableRender = function() {
         }
       </div>
       { this.state.totalInterest > 0 &&
-        <div className="text-left padding-top-10 padding-bottom-10">
+        <div className={ 'text-left padding-bottom-20' + (this.state.displayShowZeroInterestToggle ? ' padding-top-40' : '') }>
           { this.state.displayShowZeroInterestToggle &&
             <span>
               <label className="switch">
@@ -93,7 +93,7 @@ export const _ClaimInterestTableRender = function() {
           }
           { this.state.spvVerificationWarning &&
             <div
-              className="padding-top-20"
+              className="padding-top-10 padding-bottom-10"
               style={{ fontSize: '15px' }}>
               <strong className="color-warning">{ translate('SEND.WARNING') }:</strong> { translate('SEND.WARNING_SPV_P1') } { translate('SEND.WARNING_SPV_P2') }
               <div className="margin-top-15">
@@ -115,7 +115,7 @@ export const _ClaimInterestTableRender = function() {
           { this.props.ActiveCoin.mode === 'native' &&
             this.state.addressses &&
             Object.keys(this.state.addressses).length > 0 &&
-            <div className="margin-top-20 margin-bottom-20">
+            <div className="margin-top-40 margin-bottom-20">
               <div className="margin-bottom-5">Send my balance to</div>
               { this.addressDropdownRender() }
             </div>
@@ -123,7 +123,7 @@ export const _ClaimInterestTableRender = function() {
           { !this.isFullySynced() &&
             this.props.ActiveCoin &&
             this.props.ActiveCoin.mode === 'native' &&
-            <div className="col-lg-12 padding-top-20 padding-bottom-20 send-coin-sync-warning">
+            <div className="col-lg-12 padding-top-5 padding-bottom-35 send-coin-sync-warning">
               <i className="icon fa-warning color-warning margin-right-5"></i> <span className="desc">{ translate('SEND.SEND_NATIVE_SYNC_WARNING') }</span>
             </div>
           }