From ce1af24d552f2b7e7eefa58c8ea72c5fa1b18576 Mon Sep 17 00:00:00 2001
From: everoddandeven <j.argenio@studenti.unipi.it>
Date: Mon, 18 Nov 2024 20:14:54 +0100
Subject: [PATCH] Improve alert info

---
 src/app/pages/blockchain/blockchain.component.html         | 6 ++++--
 src/app/pages/hard-fork-info/hard-fork-info.component.html | 3 ++-
 src/app/pages/outputs/outputs.component.html               | 3 ++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/blockchain/blockchain.component.html b/src/app/pages/blockchain/blockchain.component.html
index bf9d6b7..6f27d1a 100644
--- a/src/app/pages/blockchain/blockchain.component.html
+++ b/src/app/pages/blockchain/blockchain.component.html
@@ -477,7 +477,8 @@
     <h4 class="mb-3">Prune Blockchain</h4>
     <br>
 
-    <div class="alert alert-info d-flex text-center" role="alert">
+    <div class="alert alert-info d-flex align-items-center justify-content-center text-center" role="alert">
+      <h4><i class="bi bi-info-circle m-2"></i></h4>&nbsp;&nbsp;
       <div>
         <i>Pruning</i> allows node operators to save 2/3 of storage space while keeping the full transaction history
       </div>
@@ -508,7 +509,8 @@
     <h4 class="mb-3">Save the blockchain</h4>
     <br>
 
-    <div class="alert alert-info d-flex text-center" role="alert">
+    <div class="alert alert-info d-flex align-items-center justify-content-center text-center" role="alert">
+      <h4><i class="bi bi-info-circle m-2"></i></h4>&nbsp;&nbsp;
       <div>
         The blockchain does not need saving and is always saved when modified, however it does a sync to flush the filesystem cache onto the disk for safety purposes against Operating System or Hardware crashes.      
       </div>
diff --git a/src/app/pages/hard-fork-info/hard-fork-info.component.html b/src/app/pages/hard-fork-info/hard-fork-info.component.html
index e614824..7e87a2c 100644
--- a/src/app/pages/hard-fork-info/hard-fork-info.component.html
+++ b/src/app/pages/hard-fork-info/hard-fork-info.component.html
@@ -14,7 +14,8 @@
 <div *ngIf="daemonRunning && !daemonStopping" class="row d-flex justify-content-center">
   <h4 class="mb-3">Look up information regarding hard fork voting and readiness.</h4>
 
-  <div *ngIf="hardForkState !== ''" class="alert alert-info d-flex text-center" role="alert">
+  <div *ngIf="hardForkState !== ''" class="alert alert-info d-flex align-items-center justify-content-center text-center" role="alert">
+    <h4><i class="bi bi-info-circle m-2"></i></h4>&nbsp;&nbsp;
     <div>
       {{ hardForkState }}
     </div>
diff --git a/src/app/pages/outputs/outputs.component.html b/src/app/pages/outputs/outputs.component.html
index f4b3c23..6905ba8 100644
--- a/src/app/pages/outputs/outputs.component.html
+++ b/src/app/pages/outputs/outputs.component.html
@@ -89,7 +89,8 @@
   <div class="tab-pane fade" id="pills-outputs-histogram" role="tabpanel"  aria-labelledby="pills-outputs-histogram-tab" tabindex="0">
     <h4 class="mb-3">Get a histogram of output amounts</h4>
 
-    <div class="alert alert-info d-flex text-center" role="alert">
+    <div class="alert alert-info d-flex align-items-center justify-content-center text-center" role="alert">
+      <h4><i class="bi bi-info-circle m-2"></i></h4>&nbsp;&nbsp;
       <div>
         For all amounts (possibly filtered by parameters), gives the number of outputs on the chain for that amount. RingCT outputs counts as 0 amount.
       </div>