From 9ada7a81fe6dfbb6b963bfdbd7faf322c592a3da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laurent=20Tr=C3=A9guier?= <laurent.treguier@fyreplace.app>
Date: Wed, 21 Aug 2024 12:26:28 +0200
Subject: [PATCH] Use semantically correct dialog tag

---
 src/routes/dialog.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/routes/dialog.svelte b/src/routes/dialog.svelte
index e1d6be9..b03a89d 100644
--- a/src/routes/dialog.svelte
+++ b/src/routes/dialog.svelte
@@ -12,13 +12,13 @@
 
 <div class="dialog" class:visible hidden={!visible}>
 	<div class="background" />
-	<div class="alert">
+	<dialog class="alert">
 		<h2>{title}</h2>
 		<p>{message}</p>
 		<div class="buttons">
 			<Button type="button" on:click={() => dispatch('ok')}>{t('ok')}</Button>
 		</div>
-	</div>
+	</dialog>
 </div>
 
 <style lang="scss">
@@ -53,6 +53,7 @@
 		flex-direction: column;
 		min-width: 240px;
 		padding: 1em 2em;
+		border: none;
 		border-radius: 1em;
 		opacity: 0;
 		background: var(--color-surface);