From 7d374ab8d8fbc4594c19774e898e6b9bd3092466 Mon Sep 17 00:00:00 2001
From: Brad Decker <bhdecker84@gmail.com>
Date: Mon, 16 Mar 2020 17:50:07 -0500
Subject: [PATCH] feat - add down caret on asset list (#8198)

---
 ui/app/css/itcss/components/send.scss              |  1 +
 .../send-asset-row/send-asset-row.component.js     | 14 ++++++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
index 7bbfe7a09..48cd8c78b 100644
--- a/ui/app/css/itcss/components/send.scss
+++ b/ui/app/css/itcss/components/send.scss
@@ -673,6 +673,7 @@
       display: flex;
       flex-flow: column nowrap;
       margin-left: 8px;
+      flex-grow: 1;
     }
 
     &__symbol {
diff --git a/ui/app/pages/send/send-content/send-asset-row/send-asset-row.component.js b/ui/app/pages/send/send-content/send-asset-row/send-asset-row.component.js
index 23aaae978..a2462491b 100644
--- a/ui/app/pages/send/send-content/send-asset-row/send-asset-row.component.js
+++ b/ui/app/pages/send/send-content/send-asset-row/send-asset-row.component.js
@@ -86,14 +86,14 @@ export default class SendAssetRow extends Component {
           onClick={this.closeDropdown}
         />
         <div className="send-v2__asset-dropdown__list">
-          { this.renderEth() }
-          { this.props.tokens.map((token) => this.renderAsset(token)) }
+          { this.renderEth(true) }
+          { this.props.tokens.map((token) => this.renderAsset(token, true)) }
         </div>
       </div>
     )
   }
 
-  renderEth () {
+  renderEth (insideDropdown = false) {
     const { t } = this.context
     const { accounts, selectedAddress } = this.props
 
@@ -117,12 +117,15 @@ export default class SendAssetRow extends Component {
             />
           </div>
         </div>
+        { !insideDropdown && this.props.tokens.length > 0 && (
+          <i className="fa fa-caret-down fa-lg simple-dropdown__caret" />
+        )}
       </div>
     )
   }
 
 
-  renderAsset (token) {
+  renderAsset (token, insideDropdown = false) {
     const { address, symbol } = token
     const { t } = this.context
 
@@ -147,6 +150,9 @@ export default class SendAssetRow extends Component {
             />
           </div>
         </div>
+        { !insideDropdown && (
+          <i className="fa fa-caret-down fa-lg simple-dropdown__caret" />
+        )}
       </div>
     )
   }