From f9b6c940353e39d84e9e743e07901585ea6967ac Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Tue, 14 Feb 2023 04:32:15 -0500
Subject: [PATCH] Make audit info icon look better

---
 frontend/src/app/components/block/block.component.html |  2 +-
 frontend/src/app/components/block/block.component.scss | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html
index 62bb67755..0b9cded08 100644
--- a/frontend/src/app/components/block/block.component.html
+++ b/frontend/src/app/components/block/block.component.html
@@ -221,7 +221,7 @@
         </div>
       </div>
       <div class="col-sm" *ngIf="!isMobile">
-        <h3 class="block-subtitle" *ngIf="!isMobile" i18n="block.actual-block">Actual Block <a class="info-link" [routerLink]="['/docs/faq' | relativeUrl ]" fragment="how-do-block-audits-work"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true"></fa-icon></a></h3>
+        <h3 class="block-subtitle actual" *ngIf="!isMobile" i18n="block.actual-block">Actual Block <a class="info-link" [routerLink]="['/docs/faq' | relativeUrl ]" fragment="how-do-block-audits-work"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true"></fa-icon></a></h3>
         <div class="block-graph-wrapper">
           <app-block-overview-graph #blockGraphActual [isLoading]="isLoadingOverview" [resolution]="75"
             [blockLimit]="stateService.blockVSize" [orientation]="'top'" [flip]="false" [mirrorTxid]="hoverTx" mode="mined"  [auditHighlighting]="showAudit"
diff --git a/frontend/src/app/components/block/block.component.scss b/frontend/src/app/components/block/block.component.scss
index 6893d341d..319f53804 100644
--- a/frontend/src/app/components/block/block.component.scss
+++ b/frontend/src/app/components/block/block.component.scss
@@ -41,9 +41,15 @@
   }
 }
 
-.block-subtitle fa-icon {
+.block-subtitle.actual a {
+  position: absolute;
+  top: -3px;
+}
+
+.block-subtitle.actual fa-icon {
   color: rgba(255, 255, 255, 0.4);
-  margin-left: 5px;
+  font-size: 18px;
+  margin-left: 8px;
 }
 
 h1 {