Merge pull request #67 from Moonlight-Panel/DomainAdminRedesign

fixed design of delete button

Moonlight/Shared/Components/Forms/DeleteButton.razor

@@ -6,14 +6,14 @@
 
 @if (!Working)
 {
-    <button class="btn btn-danger" @onclick="Do">
-        <i class="bx bx-trash"></i>
+    <button class="btn btn-danger p-4 @AdditionalCssClasses" @onclick="Do">
+        <i class="bx bx-trash p-0 px-2"></i>
     </button>
 }
 else
 {
-    <button class="btn btn-danger disabled" disabled="">
-        <span class="spinner-border spinner-border-sm align-middle me-2"></span>
+    <button class="btn btn-danger p-4 disabled @AdditionalCssClasses" disabled="">
+        <span class="spinner-border spinner-border-sm align-middle me-2 p-0 px-2"></span>
     </button>
 }
 
@@ -27,6 +27,9 @@ else
     [Parameter]
     public bool Confirm { get; set; } = false;
 
+    [Parameter]
+    public string AdditionalCssClasses { get; set; } = "";
+
     private async Task Do()
     {
         Working = true;

Moonlight/Shared/Views/Admin/Domains/Index.razor

@@ -49,6 +49,7 @@
                             <Column TableItem="Domain" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false" Width="10%">
                                 <Template>
                                     <DeleteButton Confirm="true"
+                                                  AdditionalCssClasses="float-end"
                                                   OnClick="() => Delete(context)">
                                     </DeleteButton>
                                 </Template>