From a7e6cd1917ed7a45f74b167c9872d9616da9b231 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Tue, 25 Jul 2017 13:25:07 -0700
Subject: [PATCH] addcoin modal multi ui reflow fix

---
 react/change.log                              |  3 +++
 .../src/components/addcoin/addcoin.render.js  |  4 ++--
 react/src/components/addcoin/addcoin.scss     |  2 +-
 .../addcoin/coin-selectors.render.js          | 24 ++++++++++++++++---
 4 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/react/change.log b/react/change.log
index 983003c..534043b 100644
--- a/react/change.log
+++ b/react/change.log
@@ -7,6 +7,9 @@ UI:
 - fixed logout bug
 - minor placeholders fixes
 - hide address dropdown if wallet has only one address
+- komodod crash report modal
+- values rounding (up to 6 decimals)
+- add coin multi ui reflow fix
 
 v0.2.0.21a-beta
 --------------
diff --git a/react/src/components/addcoin/addcoin.render.js b/react/src/components/addcoin/addcoin.render.js
index 1e56a08..110ab88 100644
--- a/react/src/components/addcoin/addcoin.render.js
+++ b/react/src/components/addcoin/addcoin.render.js
@@ -42,7 +42,7 @@ const AddCoinRender = function() {
                 </button>
               </span>
               { this.renderCoinSelectors() }
-              <div className={ 'text-align-center vertical-margin-20 horizontal-margin-0 ' + (this.hasMoreThanOneCoin() ? 'col-sm-12' : 'hide') }>
+              <div className={ 'text-align-center vertical-margin-20 horizontal-margin-0 padding-bottom-20 ' + (this.hasMoreThanOneCoin() ? 'col-sm-12' : 'hide') }>
                 <button
                   type="button"
                   className="btn btn-primary col-sm-4 float-none"
@@ -62,7 +62,7 @@ const AddCoinRender = function() {
                   <strong>Komodo Daemon</strong> { translate('INDEX.NATIVE_MODE_DESC2') }&nbsp;
                   <i>Iguana Daemon</i> { translate('INDEX.NATIVE_MODE_DESC3') }.
                 </p>
-                <div className="alert alert-icon alert-primary">
+                <div className="alert alert-icon alert-primary margin-top-20">
                   <i className="icon md-info-outline"></i>
                   <strong>{ translate('INDEX.NATIVE_MODE') }</strong> { translate('INDEX.NATIVE_MODE_DESC4') }&nbsp;
                   <strong>{ translate('INDEX.NATIVE_MODE_DESC5') }</strong>,&nbsp;
diff --git a/react/src/components/addcoin/addcoin.scss b/react/src/components/addcoin/addcoin.scss
index acbf65b..ca0772b 100644
--- a/react/src/components/addcoin/addcoin.scss
+++ b/react/src/components/addcoin/addcoin.scss
@@ -3,7 +3,7 @@
 }
 
 .vertical-margin-20 {
-  margin-top: 20px;
+  margin-top: 10px;
   margin-bottom: 20px;
 }
 
diff --git a/react/src/components/addcoin/coin-selectors.render.js b/react/src/components/addcoin/coin-selectors.render.js
index a02fbd6..abea036 100644
--- a/react/src/components/addcoin/coin-selectors.render.js
+++ b/react/src/components/addcoin/coin-selectors.render.js
@@ -11,8 +11,12 @@ const CoinSelectorsRender = function(item, coin, i) {
     <div
       className={ this.hasMoreThanOneCoin() ? 'multi' : 'single' }
       key={ `add-coin-${i}` }>
-      <div className="col-sm-8">
-        <div className="form-group">
+      <div
+        className={ this.hasMoreThanOneCoin() ? 'col-sm-10' : 'col-sm-8' }
+        style={{ paddingLeft: !this.hasMoreThanOneCoin() ? '0' : '15px' }}>
+        <div
+          className={ this.hasMoreThanOneCoin() && (item.mode === '-1' || item.mode === -1) ? 'col-sm-6 form-group' : 'form-group' }
+          style={{ paddingLeft: this.hasMoreThanOneCoin() ? '0' : '15px' }}>
           <select
             className="form-control form-material"
             name="selectedCoin"
@@ -25,6 +29,20 @@ const CoinSelectorsRender = function(item, coin, i) {
             <AddCoinOptionsACFiat appSettings={ this.props.Settings } />
           </select>
         </div>
+        <div className={ this.hasMoreThanOneCoin() && (item.mode === '-1' || item.mode === -1) ? 'col-sm-6' : 'hide' }>
+          <div className="toggle-box padding-bottom-10">
+            <select
+              className="form-control form-material"
+              name="daemonParam"
+              onChange={ (event) => this.updateDaemonParam(event, i) }
+              autoFocus>
+              <option>Daemon param: none</option>
+              <option value="silent">Daemon param: background process</option>
+              <option value="reindex">Daemon param: reindex</option>
+              <option value="rescan">Daemon param: rescan</option>
+            </select>
+          </div>
+        </div>
       </div>
       <div className={ this.hasMoreThanOneCoin() ? 'hide' : 'col-sm-4' }>
         <button
@@ -137,7 +155,7 @@ const CoinSelectorsRender = function(item, coin, i) {
             <i className="fa fa-trash-o"></i>
         </button>
       </div>
-      <div className={ item.mode === '-1' || item.mode === -1 ? 'col-sm-5' : 'hide' }>
+      <div className={ !this.hasMoreThanOneCoin() && (item.mode === '-1' || item.mode === -1) ? 'col-sm-5 padding-bottom-30' : 'hide' }>
         <div className="toggle-box padding-top-3 padding-bottom-10">
           <select
             className="form-control form-material"