From a99f45cd47bedae323ba47753ed1388d0af1e3b8 Mon Sep 17 00:00:00 2001
From: natsoni <natsoni@protonmail.com>
Date: Fri, 12 Jul 2024 18:00:02 +0900
Subject: [PATCH] Add accelerated word to timeline

---
 .../acceleration-timeline.component.html                  | 8 +++-----
 .../acceleration-timeline.component.scss                  | 7 +++++++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.html b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.html
index 3e687a547..76c3f11c6 100644
--- a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.html
+++ b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.html
@@ -95,12 +95,10 @@
           } @else if (!tx.status.confirmed) {
           <div>
             <app-fee-rate [fee]="tx.effectiveFeePerVsize" [unitStyle]="{ display: 'block', marginTop: '-0.5em'}"></app-fee-rate>
+          </div>    
+          <div class="time accelerating">
+            <span i18n="transaction.audit.accelerated">Accelerated</span>&nbsp;<app-time *ngIf="acceleratedAt" kind="since" [time]="acceleratedAt"></app-time>
           </div>
-            @if (now - acceleratedAt > 60) {
-            <div class="time" style="margin-top: -164px; font-style: italic;">
-              <app-time *ngIf="acceleratedAt" kind="since" [time]="acceleratedAt"></app-time>
-            </div>
-            }
           } @else {
           <div style="margin-top: 36px;">
             <span class="skeleton-loader" style="max-width: 50px"></span>
diff --git a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
index 69f7580af..d055d92d0 100644
--- a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
+++ b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
@@ -228,6 +228,13 @@
         font-size: 12px;
         line-height: 16px;
         white-space: nowrap;
+        &.accelerating {
+          margin-top: -164px;
+          font-style: italic;
+          @media (max-width: 768px) {
+            margin-left: -50px;
+          }
+        }
       }
     }
   }