From 240afbed955604f00a11eb07c1d531d69825a2e1 Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Fri, 14 Jul 2023 12:11:14 +0900
Subject: [PATCH] adjust latest replacements labels & layout

---
 .../src/app/dashboard/dashboard.component.html |  6 +++---
 .../src/app/dashboard/dashboard.component.scss | 18 ++++++++++++++----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/dashboard/dashboard.component.html b/frontend/src/app/dashboard/dashboard.component.html
index 90ec01e1d..3faef5a83 100644
--- a/frontend/src/app/dashboard/dashboard.component.html
+++ b/frontend/src/app/dashboard/dashboard.component.html
@@ -76,16 +76,16 @@
       <div class="card">
         <div class="card-body">
           <a class="title-link" href="" [routerLink]="['/rbf' | relativeUrl]">
-            <h5 class="card-title d-inline" i18n="dashboard.latest-rbf-replacements">Latest Replacements</h5>
+            <h5 class="card-title d-inline" i18n="dashboard.latest-rbf-replacements">Latest replacements</h5>
             <span>&nbsp;</span>
             <fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: 'text-top'; font-size: 13px; color: '#4a68b9'"></fa-icon>
           </a>
           <table class="table lastest-replacements-table">
             <thead>
               <th class="table-cell-txid" i18n="dashboard.latest-transactions.txid">TXID</th>
-              <th class="table-cell-old-fee" i18n="dashboard.old-transaction-fee">Old fee</th>
+              <th class="table-cell-old-fee" i18n="dashboard.previous-transaction-fee">Previous fee</th>
               <th class="table-cell-new-fee" i18n="dashboard.new-transaction-fee">New fee</th>
-              <th class="table-cell-badges"></th>
+              <th class="table-cell-badges" i18n="transaction.status|Transaction Status">Status</th>
             </thead>
             <tbody>
               <tr *ngFor="let replacement of replacements$ | async;">
diff --git a/frontend/src/app/dashboard/dashboard.component.scss b/frontend/src/app/dashboard/dashboard.component.scss
index 5633a3c7e..f1e835d9c 100644
--- a/frontend/src/app/dashboard/dashboard.component.scss
+++ b/frontend/src/app/dashboard/dashboard.component.scss
@@ -189,20 +189,30 @@
     width: 25%;
   }
   .table-cell-txid {
-    width: 33%;
+    width: 25%;
     text-align: start;
   }
   .table-cell-old-fee {
-    width: 33%;
+    width: 25%;
     text-align: end;
+
+    @media(max-width: 1080px) {
+      display: none;
+    }
   }
   .table-cell-new-fee {
-    width: 33%;
+    width: 20%;
     text-align: end;
   }
   .table-cell-badges {
-    width: 25%;
+    width: 23%;
+    padding-right: 0;
+    padding-left: 5px;
     text-align: end;
+
+    .badge {
+      margin-left: 5px;
+    }
   }
 }