From c659508dfcd4946447c663bf3933fae1b105cd23 Mon Sep 17 00:00:00 2001
From: gravel <gravel@noreply.codeberg.org>
Date: Sun, 21 May 2023 19:50:05 +0200
Subject: [PATCH] Add hint to close modal

---
 output/index.css                | 8 ++++++++
 sites/+components/qr_modals.php | 6 ++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/output/index.css b/output/index.css
index 76ee0fa..adaf84e 100644
--- a/output/index.css
+++ b/output/index.css
@@ -441,6 +441,14 @@ footer nav a {
 	text-align: center;
 }
 
+#details-modal-close-hint {
+	position: absolute;
+	bottom: 1rem;
+	right: 1rem;
+	opacity: 0.5;
+	font-style: italic;
+}
+
 #details-modal-pane {
 	display: flex;
 	flex-direction: row;
diff --git a/sites/+components/qr_modals.php b/sites/+components/qr_modals.php
index 7b550e0..4bac8a0 100644
--- a/sites/+components/qr_modals.php
+++ b/sites/+components/qr_modals.php
@@ -6,9 +6,11 @@
 	<div id="details-modal-contents">
 		<div id="details-modal-close">
 				&times;
-			</div>	
+		</div>
+		<div id="details-modal-close-hint">
+			(Esc to close.)
+		</div>
 		<div id="details-modal-pane">
-			
 			<div id="details-modal-start">
 				<div id="details-modal-title">
 					<div