From f6b759d31b43fa8a553692ff855070cd0bdbc043 Mon Sep 17 00:00:00 2001
From: master3395 <master3395@users.noreply.github.com>
Date: Mon, 19 Jan 2026 18:07:33 +0100
Subject: [PATCH] Force icon display with !important and add info icon to Learn
 More button

---
 .../templates/baseTemplate/index.html         | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/baseTemplate/templates/baseTemplate/index.html b/baseTemplate/templates/baseTemplate/index.html
index 4783b082c..5c6b4a6a3 100644
--- a/baseTemplate/templates/baseTemplate/index.html
+++ b/baseTemplate/templates/baseTemplate/index.html
@@ -362,7 +362,10 @@
             color: var(--accent-color);
             flex-shrink: 0;
             min-width: 1.25rem;
-            display: inline-block;
+            width: 1.25rem;
+            display: inline-block !important;
+            visibility: visible !important;
+            opacity: 1 !important;
         }
         
         .notification-center-item-title .dismissed-badge {
@@ -510,8 +513,19 @@
         }
         
         .notification-center-item-link-secondary i {
+            font-size: 0.85rem;
+            opacity: 0.9;
+            display: inline-block !important;
+            visibility: visible !important;
+        }
+        
+        .notification-center-item-link-secondary i.fa-info-circle {
+            margin-right: 0.25rem;
+        }
+        
+        .notification-center-item-link-secondary i.fa-arrow-right {
+            margin-left: 0.25rem;
             font-size: 0.75rem;
-            opacity: 0.8;
         }
         
         .notification-center-empty {
@@ -2730,7 +2744,7 @@
                     return `
                     <div class="notification-center-item ${notif.dismissed ? 'dismissed' : ''}">
                         <div class="notification-center-item-title">
-                            <i class="${notif.icon}"></i>
+                            <i class="${notif.icon}" style="display: inline-block !important; visibility: visible !important;"></i>
                             <span>${notif.title}</span>
                             ${notif.dismissed ? '<span class="dismissed-badge">Dismissed</span>' : ''}
                         </div>
@@ -2742,6 +2756,7 @@
                             </a>
                             ${notif.learnMoreLink ? `
                             <a href="${notif.learnMoreLink}" class="notification-center-item-link-secondary" ${learnMoreExternal ? 'target="_blank" rel="noopener"' : ''}>
+                                <i class="fas fa-info-circle"></i>
                                 <span>Learn More</span>
                                 <i class="fas fa-arrow-right"></i>
                             </a>