From 52a0503eedea1aa5fc634b7eee8345a8eecec88f Mon Sep 17 00:00:00 2001
From: Pinga <121483313+getpinga@users.noreply.github.com>
Date: Tue, 11 Mar 2025 12:40:15 +0200
Subject: [PATCH] UI fix on new alert format

---
 cp/resources/views/admin/system/manageTld.twig    |  2 +-
 cp/resources/views/admin/system/manageTokens.twig | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/cp/resources/views/admin/system/manageTld.twig b/cp/resources/views/admin/system/manageTld.twig
index 7d32aa0..af7d0f5 100644
--- a/cp/resources/views/admin/system/manageTld.twig
+++ b/cp/resources/views/admin/system/manageTld.twig
@@ -139,7 +139,7 @@
                   </div>
                   <div class="card-body">
                     <div class="alert alert-info" role="alert">
-                      <h4 class="alert-title">{{ __('No DNSSEC data available.') }}</h4>
+                      <div><h4 class="alert-heading">{{ __('No DNSSEC data available.') }}</h4></div>
                     </div>
                   </div>
                 </div>
diff --git a/cp/resources/views/admin/system/manageTokens.twig b/cp/resources/views/admin/system/manageTokens.twig
index 9d55582..d9f8197 100644
--- a/cp/resources/views/admin/system/manageTokens.twig
+++ b/cp/resources/views/admin/system/manageTokens.twig
@@ -25,14 +25,12 @@
           <div class="container-xl">
             <div class="col-12">
               <div class="alert alert-info" role="alert">
-                <div class="d-flex">
-                  <div>
-                    <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M12 9h.01" /><path d="M11 12h1v4h1" /></svg>
-                  </div>
-                  <div>
-                    <h4 class="alert-title">{{ __('Note on Allocation Tokens') }}</h4>
-                    <div class="text-secondary">{{ __('For the moment, allocation tokens are managed directly via the database and can only be viewed in the control panel.') }}</div>
-                  </div>
+                <div class="alert-icon">
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M12 9h.01" /><path d="M11 12h1v4h1" /></svg>
+                </div>
+                <div>
+                  <h4 class="alert-heading">{{ __('Note on Allocation Tokens') }}</h4>
+                  <div class="alert-description">{{ __('For the moment, allocation tokens are managed directly via the database and can only be viewed in the control panel.') }}</div>
                 </div>
               </div>
             {% include 'partials/flash.twig' %}