From 1acf01014fdc47154c4623d9c4705be06a963627 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 19 Sep 2021 11:08:47 -0500
Subject: [PATCH] Added fade out to danger buttons

---
 src/components/fields/DangerButton.vue | 2 ++
 src/components/system/Save.vue         | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/fields/DangerButton.vue b/src/components/fields/DangerButton.vue
index 48e89f9..30837d4 100644
--- a/src/components/fields/DangerButton.vue
+++ b/src/components/fields/DangerButton.vue
@@ -51,6 +51,8 @@ export default defineComponent({
 .container {
     display: flex;
     align-items: center;
+    background: var(--raised-background);
+    box-shadow: var(--raised-background) 0 2px 3px 5px;
 }
 
 .container.confirming button {
diff --git a/src/components/system/Save.vue b/src/components/system/Save.vue
index 9b23384..fed3994 100644
--- a/src/components/system/Save.vue
+++ b/src/components/system/Save.vue
@@ -161,7 +161,6 @@ export default defineComponent({
     right: 4px;
     display: flex;
     padding: 4px;
-    background: inherit;
     z-index: 1;
 }