From e6ede7efbb3af2aba8193551ed42a9ea180521f2 Mon Sep 17 00:00:00 2001
From: Daniel Balk <67603460+Daniel-Balk@users.noreply.github.com>
Date: Thu, 13 Apr 2023 16:43:42 +0200
Subject: [PATCH] fixed design of delete button

---
 Moonlight/Shared/Components/Forms/DeleteButton.razor | 11 +++++++----
 Moonlight/Shared/Views/Admin/Domains/Index.razor     |  1 +
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/Moonlight/Shared/Components/Forms/DeleteButton.razor b/Moonlight/Shared/Components/Forms/DeleteButton.razor
index 7cd719a2..e77ef226 100644
--- a/Moonlight/Shared/Components/Forms/DeleteButton.razor
+++ b/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;
diff --git a/Moonlight/Shared/Views/Admin/Domains/Index.razor b/Moonlight/Shared/Views/Admin/Domains/Index.razor
index 09c0d307..406aab1f 100644
--- a/Moonlight/Shared/Views/Admin/Domains/Index.razor
+++ b/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>