From d53e4e06bb356a3606a3bf0f9dde0147de4991e0 Mon Sep 17 00:00:00 2001
From: Mladen Macanovic <mladen.macanovic@gmail.com>
Date: Wed, 4 Nov 2020 11:17:55 +0100
Subject: [PATCH] Canter align of message alert text and icon

---
 .../Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor  | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/framework/src/Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor b/framework/src/Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor
index cd8fd5cada..35f50dea6c 100644
--- a/framework/src/Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor
+++ b/framework/src/Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor
@@ -9,16 +9,18 @@
         <ModalBody>
             @if ( ShowMessageIcon )
             {
-                <DisplayHeading Size="DisplayHeadingSize.Is2" Style="text-align:center;">
+                <DisplayHeading Size="DisplayHeadingSize.Is2" Alignment="TextAlignment.Center">
                     <Icon Name="@MessageIcon" Style="@MessageIconStyle" />
                 </DisplayHeading>
             }
-            @Message
+            <Text Alignment="TextAlignment.Center">
+                @Message
+            </Text>
         </ModalBody>
         <ModalFooter>
             @if ( IsConfirmation )
             {
-                <Button Color="Color.Danger" Padding="Padding.Is2.OnX" Margin="Margin.IsAuto.FromRight" Clicked="@OnCancelClicked">
+                <Button Color="Color.Danger" Padding="Padding.Is2.OnX" Clicked="@OnCancelClicked">
                     @if ( Options?.CancelButtonIcon != null )
                     {
                         <Icon Name="@Options.CancelButtonIcon" Margin="Margin.Is2.FromRight" />