From 491f2c628064f86ec2e59c72a1c9dd34e0f12983 Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Tue, 14 Feb 2023 03:40:00 -0500
Subject: [PATCH 1/2] Add info icon on audit linking to audit faq

---
 frontend/src/app/components/block/block.component.html | 2 +-
 frontend/src/app/components/block/block.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html
index 059b9b708..62bb67755 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</h3>
+        <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>
         <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 71d5fa6fb..6893d341d 100644
--- a/frontend/src/app/components/block/block.component.scss
+++ b/frontend/src/app/components/block/block.component.scss
@@ -41,6 +41,11 @@
   }
 }
 
+.block-subtitle fa-icon {
+  color: rgba(255, 255, 255, 0.4);
+  margin-left: 5px;
+}
+
 h1 {
   margin: 0px;
   padding: 0px;

From b0b7546332923ebc712a14f84e9abe3a7ea7b400 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 2/2] 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 {