From e1d5711760b388a71440a2849b33844b678bad00 Mon Sep 17 00:00:00 2001
From: JDonadio <tanojaja@gmail.com>
Date: Mon, 20 Nov 2017 17:21:41 -0300
Subject: [PATCH] multiline fee content

---
 src/pages/send/confirm/confirm.html | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/pages/send/confirm/confirm.html b/src/pages/send/confirm/confirm.html
index 2208ea082..e54aee910 100644
--- a/src/pages/send/confirm/confirm.html
+++ b/src/pages/send/confirm/confirm.html
@@ -76,15 +76,13 @@
 
     <button ion-item class="item item-icon-right" *ngIf="wallet && showFee" (click)="chooseFeeLevel(tx, wallet)">
       <span class="label">{{'Fee:' | translate}} {{tx.feeLevelName | translate}}</span>
-        <span>{{tx.txp[wallet.id].fee || 0 | satToUnit}}</span>
-        <span>
-          <span>{{tx.txp[wallet.id].fee || 0 | satToFiat}}&nbsp;
-          <span class="fee-rate" *ngIf="tx.txp[wallet.id].feeRatePerStr"> &middot;
-              <ion-icon ios="ios-alert" md="md-alert" [hidden]="!tx.txp[wallet.id].feeToHigh"></ion-icon> &nbsp;
-              <span class="fee-rate" [ngClass]="{'warn':tx.txp[wallet.id].feeToHigh}" translate> {{tx.txp[wallet.id].feeRatePerStr}}  of the sending amount </span>
-          </span>
-          </span>
+      <div>{{tx.txp[wallet.id].fee || 0 | satToUnit}}</div>
+      <span>{{tx.txp[wallet.id].fee || 0 | satToFiat}}&nbsp;
+        <span class="fee-rate" *ngIf="tx.txp[wallet.id].feeRatePerStr">≈
+          <ion-icon ios="ios-alert" md="md-alert" [hidden]="!tx.txp[wallet.id].feeToHigh"></ion-icon> &nbsp;
+          <span class="fee-rate" [ngClass]="{'warn':tx.txp[wallet.id].feeToHigh}" translate> {{tx.txp[wallet.id].feeRatePerStr}} of the transaction</span>
         </span>
+      </span>
     </button>
 
     <button ion-item *ngIf="wallet" (click)="showDescriptionPopup(tx)">