From 6b3e84255a8cd34b090e52c46c444d58d6a16480 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Wed, 22 Jul 2020 13:41:50 +0700
Subject: [PATCH] Display transaction fees even if they are zero.

---
 .../transaction/transaction.component.html    | 26 +++++++++----------
 .../tx-fee-rating.component.scss              |  4 +++
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index 79128f8ea..bf673e261 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -63,20 +63,18 @@
           <div class="col-sm">
             <table class="table table-borderless table-striped">
               <tbody>
-                <ng-template [ngIf]="tx.fee">
-                  <tr>
-                    <td class="td-width">Fee</td>
-                    <td>{{ tx.fee | number }} sat (<app-fiat [value]="tx.fee"></app-fiat>)</td>
-                  </tr>
-                  <tr>
-                    <td>Fee per vByte</td>
-                    <td>
-                      {{ tx.fee / (tx.weight / 4) | number : '1.1-1' }} sat/vB
-                      &nbsp;
-                      <app-tx-fee-rating [tx]="tx"></app-tx-fee-rating>
-                    </td>
-                  </tr>
-                </ng-template>
+                <tr>
+                  <td class="td-width">Fee</td>
+                  <td>{{ tx.fee | number }} sat (<app-fiat [value]="tx.fee"></app-fiat>)</td>
+                </tr>
+                <tr>
+                  <td>Fee per vByte</td>
+                  <td>
+                    {{ tx.fee / (tx.weight / 4) | number : '1.1-1' }} sat/vB
+                    &nbsp;
+                    <app-tx-fee-rating *ngIf="tx.fee" [tx]="tx"></app-tx-fee-rating>
+                  </td>
+                </tr>
               </tbody>
             </table>
           </div>
diff --git a/frontend/src/app/components/tx-fee-rating/tx-fee-rating.component.scss b/frontend/src/app/components/tx-fee-rating/tx-fee-rating.component.scss
index e69de29bb..603924807 100644
--- a/frontend/src/app/components/tx-fee-rating/tx-fee-rating.component.scss
+++ b/frontend/src/app/components/tx-fee-rating/tx-fee-rating.component.scss
@@ -0,0 +1,4 @@
+.badge {
+  position: relative;
+  top: -1px;
+}