From dd202ac1b3f577b3336b02200fae95038bff2e03 Mon Sep 17 00:00:00 2001
From: rodribp <rodrigobonilla177@gmail.com>
Date: Wed, 12 Aug 2026 13:03:26 -0600
Subject: [PATCH] style: add emoji, shorten phrases and default hyperlink style

---
 frontend/src/app/components/address/address.component.html   | 2 +-
 frontend/src/app/components/address/address.component.scss   | 3 ---
 .../transactions-list/transactions-list.component.html       | 4 ++--
 .../transactions-list/transactions-list.component.scss       | 5 +----
 4 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/components/address/address.component.html b/frontend/src/app/components/address/address.component.html
index 7c210c003..f477e4dd7 100644
--- a/frontend/src/app/components/address/address.component.html
+++ b/frontend/src/app/components/address/address.component.html
@@ -267,7 +267,7 @@
 
 <ng-template #coldcardWarning>
   <div class="alert alert-danger alert-dismissible coldcard-warning" role="alert">
-    <a [routerLink]="['/docs/faq' | relativeUrl]" fragment="why-may-my-multisig-funds-be-at-risk" i18n="address.coldcard.warning">Warning for ColdCard users: If this multisig wallet uses default setup coldcard devices, the funds in this address may be at risk. Click this warning to learn more.</a>
+    <a [routerLink]="['/docs/faq' | relativeUrl]" fragment="why-may-my-multisig-funds-be-at-risk"><span>⚠️ </span><span i18n="address.coldcard.warning">Warning for ColdCard users: The funds in this address may be at risk under default multisig setups.</span></a>
     <button type="button" class="btn-close btn-close-white" aria-label="Close" i18n-aria-label (click)="dismissWarning()"></button>
   </div>
 </ng-template>
diff --git a/frontend/src/app/components/address/address.component.scss b/frontend/src/app/components/address/address.component.scss
index 499a4c85f..b2afeca9e 100644
--- a/frontend/src/app/components/address/address.component.scss
+++ b/frontend/src/app/components/address/address.component.scss
@@ -141,9 +141,6 @@ h1 {
 	position: relative;
   background-color: #b71c1c;
   border-color: #b71c1c;
-	a {
-		color: #fff;
-	}
 }
 
 .btn-close:hover,
diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.html b/frontend/src/app/components/transactions-list/transactions-list.component.html
index 542e740b7..1998ded2e 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.html
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.html
@@ -22,8 +22,8 @@
       </div>
     }
     @if (showColdcardWarning) {
-      <div class="alert alert-danger alert-dismissible coldcard-warning" role="alert">
-        <a [routerLink]="['/docs/faq' | relativeUrl]" fragment="why-may-my-multisig-funds-be-at-risk" i18n="transaction.coldcard.warning">Warning for ColdCard users: If this multisig wallet uses default setup coldcard devices, the funds may be at risk while this transaction is unconfirmed. Click this warning to learn more.</a>
+      <div class="alert alert-danger alert-dismissible" role="alert">
+        <a [routerLink]="['/docs/faq' | relativeUrl]" fragment="why-may-my-multisig-funds-be-at-risk"><span>⚠️ </span><span i18n="transaction.coldcard.warning">Warning for ColdCard users: The funds of this transaction may be at risk while unconfirmed under default multisig setups.</span></a>
         <button type="button" class="btn-close btn-close-white" aria-label="Close" i18n-aria-label (click)="dismissWarning()"></button>
       </div>
     }
diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.scss b/frontend/src/app/components/transactions-list/transactions-list.component.scss
index 004adc994..05269480b 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.scss
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.scss
@@ -416,15 +416,12 @@ h2 {
 	}
 }
 
-.coldcard-warning {
+.alert-danger {
 	display: flex;
 	align-items: center;
 	position: relative;
   background-color: #b71c1c;
   border-color: #b71c1c;
-	a {
-		color: #fff;
-	}
 }
 
 .btn-close:hover,