From e6cf77e724b441c6558cececaa4a715cad19dba1 Mon Sep 17 00:00:00 2001
From: Leigh Pointer <leigh-pointer@users.noreply.github.com>
Date: Fri, 17 Jan 2025 13:34:16 +0100
Subject: [PATCH] Update ActionDialog Add method to ensure consistent button
 sizing

This PR introduces a new private method GetButtonSize() to enhance the consistency of button sizing within our UI. The method specifically checks for the presence of the "btn-sm" class in the Action Button's class list and applies the same sizing to the Cancel Button if found.
---
 Oqtane.Client/Modules/Controls/ActionDialog.razor | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/Oqtane.Client/Modules/Controls/ActionDialog.razor b/Oqtane.Client/Modules/Controls/ActionDialog.razor
index b39b4f27..6a1e4fb5 100644
--- a/Oqtane.Client/Modules/Controls/ActionDialog.razor
+++ b/Oqtane.Client/Modules/Controls/ActionDialog.razor
@@ -24,7 +24,7 @@
                             {
                                 <button type="button" class="@Class" @onclick="Confirm">@((MarkupString)_iconSpan) @Text</button>
                             }
-                            <button type="button" class="btn btn-secondary" @onclick="DisplayModal">@SharedLocalizer["Cancel"]</button>
+                            <button type="button" class="btn btn-secondary @GetButtonSize()" @onclick="DisplayModal">@SharedLocalizer["Cancel"]</button>
                         </div>
                     </div>
                 </div>
@@ -71,7 +71,7 @@ else
                             }
                             <form method="post" @formname="@($"ActionDialogCancelForm:{ModuleState.PageModuleId}:{Id}")" @onsubmit="DisplayModal" data-enhance>
                                 <input type="hidden" name="@Constants.RequestVerificationToken" value="@SiteState.AntiForgeryToken" />
-                                <button type="submit" class="btn btn-secondary">@SharedLocalizer["Cancel"]</button>
+                                <button type="submit" class="btn btn-secondary @GetButtonSize()">@SharedLocalizer["Cancel"]</button>
                             </form>
                         </div>
                     </div>
@@ -196,7 +196,7 @@ else
             _openIconSpan = $"<span class=\"{IconName}\"></span>{(IconOnly ? "" : "&nbsp")}";
             _iconSpan = $"<span class=\"{IconName}\"></span>&nbsp";
         }
-        
+
         _permissions = (PermissionList == null) ? ModuleState.PermissionList : PermissionList;
         _authorized = IsAuthorized();
 
@@ -207,6 +207,15 @@ else
             _visible = (PageState.QueryString["dialog"] == Id); 
         }
     }
+    /// <summary>
+    /// Checks the Class that is used for the Action Button, if it is small make the Cancel Button small as well.
+    /// </summary>
+    /// <param name="Class"></param>
+    /// <returns></returns>
+    private string GetButtonSize()
+    {
+        return Class.Contains("btn-sm", StringComparison.OrdinalIgnoreCase) ? "btn-sm" : string.Empty;
+    }
 
     private bool IsAuthorized()
     {