native header css fix

react/src/components/dashboard/walletsNative.js

@@ -13,6 +13,14 @@ class WalletsNative extends React.Component {
     super(props);
   }
 
+  defaultBG() {
+    if (this.props.ActiveCoin.coin === 'REVS') {
+      return 'supernet';
+    } else {
+      return this.props.ActiveCoin.coin.toLowerCase();
+    }
+  }
+
   // <WalletsNativeAlert {...this.props} />
   render() {
     if (this.props &&
@@ -21,10 +29,10 @@ class WalletsNative extends React.Component {
       return (
         <div className="page" style={{ marginLeft: '0' }}>
           <div id="section-extcoin" style={{ paddingTop: '0' }}>
-            <div id="easydex-header-div" style={{ 'backgroundImage': 'url("assets/images/bg/' + this.props.ActiveCoin.coin.toLowerCase() + '_transparent_header_bg.png")' }}>
+            <div id="easydex-header-div" style={{ 'backgroundImage': 'url("assets/images/bg/' + this.defaultBG() + '_transparent_header_bg.png")', backgroundColor: '#fff' }}>
               <ol className="breadcrumb">
                 <li className="header-easydex-section">
-                  <img src={ 'assets/images/native/' + this.props.ActiveCoin.coin.toLowerCase() + '_header_title_logo.png' } /> <span style={{ fontSize: '35px', verticalAlign: 'middle' }} className={ this.props.ActiveCoin.coin === 'KMD' ? 'hide' : '' }>{ this.props.ActiveCoin.coin }</span>
+                  <img src={ 'assets/images/native/' + this.defaultBG() + '_header_title_logo.png' } /> <span style={{ fontSize: '35px', verticalAlign: 'middle' }} className={ this.props.ActiveCoin.coin === 'KMD' ? 'hide' : '' }>{ this.props.ActiveCoin.coin }</span>
                 </li>
               </ol>
             </div>

react/src/components/dashboard/walletsNav.js

@@ -72,7 +72,7 @@ class WalletsNav extends React.Component {
           <div
             className="page-header page-header-bordered header-easydex"
             id="header-dashboard"
-            style={{ paddingBottom: '20px', marginBottom: this.props.ActiveCoin.mode !== 'basilisk' && this.props.Dashboard.progress ? '0' : '30px' }}>
+            style={{ paddingBottom: '20px', marginBottom: this.props.ActiveCoin.mode !== 'basilisk' && this.props.Dashboard.progress ? '0' : '0' }}>
             <ol className="breadcrumb">
               <strong>{ translate('INDEX.MY') } <span id="edexcoin-active">{ this.props && this.props.ActiveCoin ? this.props.ActiveCoin.coin : '-' }</span> { translate('INDEX.ADDRESS') }: </strong> <span id="edexcoin_active_addr">{ this.props && this.props.Dashboard && this.props.Dashboard.activeHandle ? this.props.Dashboard.activeHandle[this.props.ActiveCoin.coin] : '-' }</span> <button className="btn btn-default btn-xs clipboard-edexaddr" id="edexcoin_active_addr_clipboard" onClick={ () => this.copyMyAddress(this.props.Dashboard.activeHandle[this.props.ActiveCoin.coin]) }><i className="icon wb-copy" aria-hidden="true"></i> { translate('INDEX.COPY') }</button>
             </ol>

react/src/styles/index.scss

@@ -387,6 +387,10 @@ input:checked + .slider:before {
   display: none;
 }
 
+.notifications-modal {
+  color: #757575;
+}
+
 .notifications {
   .notice {
     position: relative;

react/src/translate/en.js

@@ -1,6 +1,7 @@
 export const _lang = {
   'EN': {
     'INDEX': {
+      'RESTART': 'Restart',
       'WALLET_INFO': 'Wallet Info',
       'ADD_COIN': 'Add Coin',
       'STOP': 'Stop',