From e214eedf239c1393ee60979cd5533a0e66f6a6fa Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Sun, 24 Jan 2021 17:26:14 +0700
Subject: [PATCH] Center aligning fee box text.

---
 .../app/components/fees-box/fees-box.component.html  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/components/fees-box/fees-box.component.html b/frontend/src/app/components/fees-box/fees-box.component.html
index 4a3207bd4..ef736e20a 100644
--- a/frontend/src/app/components/fees-box/fees-box.component.html
+++ b/frontend/src/app/components/fees-box/fees-box.component.html
@@ -1,18 +1,18 @@
 <table style="width: 100%;">
   <tr *ngIf="(isLoadingWebSocket$ | async) === false && (feeEstimations$ | async) as feeEstimations; else loadingFees">
-    <td class="d-none d-md-block">
+    <td class="d-none d-md-table-cell" style="width: 33%;">
       <h5 class="card-title" i18n="fees-box.low-priority">Low priority</h5>
       <p class="card-text">
         {{ feeEstimations.hourFee }} <span i18n="shared.sat-vbyte|sat/vB">sat/vB</span> (<app-fiat [value]="feeEstimations.hourFee * 140" i18n-ngbTooltip="Transaction fee tooltip" ngbTooltip="Based on average native segwit transaction of 140 vBytes" placement="bottom"></app-fiat>)
       </p>
     </td>
-    <td>
+    <td style="width: 33%;">
       <h5 class="card-title" i18n="fees-box.medium-priority">Medium priority</h5>
       <p class="card-text">
         {{ feeEstimations.halfHourFee }} <span i18n="shared.sat-vbyte|sat/vB">sat/vB</span> (<app-fiat [value]="feeEstimations.halfHourFee * 140" i18n-ngbTooltip="Transaction fee tooltip" ngbTooltip="Based on average native segwit transaction of 140 vBytes" placement="bottom"></app-fiat>)
       </p>
     </td>
-    <td>
+    <td style="width: 33%;">
       <h5 class="card-title" i18n="fees-box.high-priority">High priority</h5>
       <p class="card-text">
         {{ feeEstimations.fastestFee }} <span i18n="shared.sat-vbyte|sat/vB">sat/vB</span> (<app-fiat [value]="feeEstimations.fastestFee * 140" i18n-ngbTooltip="Transaction fee tooltip" ngbTooltip="Based on average native segwit transaction of 140 vBytes" placement="bottom"></app-fiat>)
@@ -23,15 +23,15 @@
 
 <ng-template #loadingFees>
   <tr>
-    <td class="d-none d-md-block">
+    <td class="d-none d-md-table-cell" style="width: 33%;">
       <h5 class="card-title" i18n="fees-box.low-priority">Low priority</h5>
       <p class="card-text"><span class="skeleton-loader"></span></p>
     </td>
-    <td>
+    <td style="width: 33%;">
       <h5 class="card-title" i18n="fees-box.medium-priority">Medium priority</h5>
       <p class="card-text"><span class="skeleton-loader" style="width: 80%;"></span></p>
     </td>
-    <td>
+    <td style="width: 33%;">
       <h5 class="card-title" i18n="fees-box.high-priority">High priority</h5>
       <p class="card-text"><span class="skeleton-loader"></span></p>
     </td>