From 4cdbe1783b1e5e7d21d4c25ad494d370141f89a4 Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@yarmo.eu>
Date: Fri, 15 Sep 2023 21:07:00 +0200
Subject: [PATCH] fix: fix styles

---
 static-src/kx-styles.scss    |  8 ++++----
 static-src/styles.scss       | 12 +++++++++---
 static-src/styles/forms.scss |  1 -
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/static-src/kx-styles.scss b/static-src/kx-styles.scss
index 52db260..2928103 100644
--- a/static-src/kx-styles.scss
+++ b/static-src/kx-styles.scss
@@ -199,15 +199,15 @@ kx-claim {
         text-transform: uppercase;
         color: var(--button-text-color);
         background-color: var(--button-background-color);
-        border: solid 2px var(--button-border-color);
+        border: solid 1px var(--button-border-color);
         border-radius: 4px;
         cursor: pointer;
     }
 
     button:hover {
-        background-color: var(--button-hover-background-color);
-        border-color: var(--button-hover-border-color);
-        color: var(--button-hover-text-color);
+        background-color: var(--button-background-color-hover);
+        border-color: var(--button-border-color-hover);
+        color: var(--button-text-color-hover);
     }
 
     &[data-status="running"] {
diff --git a/static-src/styles.scss b/static-src/styles.scss
index c09b638..cc19fe9 100644
--- a/static-src/styles.scss
+++ b/static-src/styles.scss
@@ -72,13 +72,19 @@ more information on this, and how to apply and follow the GNU AGPL, see <https:/
 
 /* DIALOGS */
 dialog {
-    width: 100% !important;
-    max-width: 800px !important;
-    padding: 0 !important;
     word-wrap: anywhere;
+    background-color: var(--section-background-color);
+    border: 0;
+    border-radius: 16px;
+
+    &::backdrop {
+        background-color: #000;
+        opacity: 0.8;
+    }
 }
 
 dialog>div {
+    margin: 16px;
     padding: 1em;
 }
 
diff --git a/static-src/styles/forms.scss b/static-src/styles/forms.scss
index b083e38..361699c 100644
--- a/static-src/styles/forms.scss
+++ b/static-src/styles/forms.scss
@@ -115,7 +115,6 @@ button.inline {
     padding: 2px 8px;
 }
 
-
 #search {
     display: flex;
     align-items: center;