add the receivers btn styles.

diff --git a/src/features/transactions/components/New/New.scss b/src/features/transactions/components/New/New.scss
index 093a65a..1566433 100644 (file)
--- a/src/features/transactions/components/New/New.scss
+++ b/src/features/transactions/components/New/New.scss
@@ -129,3 +129,14 @@
   vertical-align: top;
   width: 150px;
 }
+
+.receiverBtn{
+  position: absolute;
+  right: 33px;
+  margin-top: 32px;
+  width: 25px;
+  height: 25px;
+  font-size: 22px;
+  line-height: 20px;
+  padding: 1px 5px 0px 5px;
+}

diff --git a/src/features/transactions/components/New/NormalTransactionForm.jsx b/src/features/transactions/components/New/NormalTransactionForm.jsx
index 3ef5d3d..6f1199e 100644 (file)
--- a/src/features/transactions/components/New/NormalTransactionForm.jsx
+++ b/src/features/transactions/components/New/NormalTransactionForm.jsx
@@ -219,8 +219,8 @@ class NormalTxForm extends React.Component {
                 }
 
                 {index===0 ?
-                  <a href='#' className='btn btn-sm ' onClick={this.addReceiverItem}>+</a> :
-                  <a href='#' className='btn btn-sm btn-danger' onClick={() => this.removeReceiverItem(index)}>-</a>
+                  <a href='#' className={styles.receiverBtn} onClick={this.addReceiverItem}>+</a> :
+                  <a href='#' className={`${styles.receiverBtn} text-danger`}onClick={() => this.removeReceiverItem(index)}>-</a>
                 }
 
               </div>