From 6e6854a942a4443342370431f776b04f1f5c7a48 Mon Sep 17 00:00:00 2001
From: Emilia <contact@emiliaallison.com>
Date: Tue, 6 Jun 2023 18:52:37 -0400
Subject: [PATCH] Styling for modals

Resolves #6
---
 assets/scss/default_theme/components/_dialog.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/assets/scss/default_theme/components/_dialog.scss b/assets/scss/default_theme/components/_dialog.scss
index e5f6d1e..0a03929 100644
--- a/assets/scss/default_theme/components/_dialog.scss
+++ b/assets/scss/default_theme/components/_dialog.scss
@@ -4,6 +4,9 @@
 dialog {
 	border: 3px solid $color-dark;
 	border-radius: 2%;
+
+	color: $color-dark;
+	background: $color-white;
 }
 
 dialog > form[method="dialog"] {
@@ -13,10 +16,11 @@ dialog > form[method="dialog"] {
 	line-height: 0px;
 
 	button {
-		padding-top: 5px;
+		padding-top: 6px;
 		padding-left: 3px;
-		font-size: 140%;
+		font-size: 150%;
 		line-height: 0px;
+		color: $color-dark;
 
 		border: 0;
 		background: transparent;
@@ -25,5 +29,9 @@ dialog > form[method="dialog"] {
 			vertical-align: middle;
 			content: "\00d7"; // Nicer X
 		}
+		&:hover {
+			color: black;
+			transition: color 0.1s;
+		}
 	}
 }