From 610038247f0ef03c158d01d017f9f2bc385a401d Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sat, 20 Nov 2021 22:52:00 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Fixed=20positioning=20of=20the?=
 =?UTF-8?q?=20delete=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/AirDCPPSettingsForm.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/client/components/AirDCPPSettingsForm.tsx b/src/client/components/AirDCPPSettingsForm.tsx
index 7874639..93efd38 100644
--- a/src/client/components/AirDCPPSettingsForm.tsx
+++ b/src/client/components/AirDCPPSettingsForm.tsx
@@ -140,16 +140,17 @@ export const AirDCPPSettingsForm = (): ReactElement => {
           </form>
         )}
       />
+
       {!isEmpty(airDCPPClientSettings) ? (
-        <p className="control">
+        <AirDCPPSettingsConfirmation settings={airDCPPClientSettings} />
+      ) : null}
+      {!isEmpty(airDCPPClientSettings) ? (
+        <p className="control mt-4">
           <button className="button is-danger" onClick={removeSettings}>
             Delete
           </button>
         </p>
       ) : null}
-      {!isEmpty(airDCPPClientSettings) ? (
-        <AirDCPPSettingsConfirmation settings={airDCPPClientSettings} />
-      ) : null}
     </>
   );
 };