From 77f231c913a958a63663ebb6c0b94398f8956f4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Art=C3=A9mis?= <git@artemix.org>
Date: Sat, 8 Feb 2025 19:37:35 +0100
Subject: [PATCH] fix: properly bound sizing of image

---
 assets/site.css                   | 3 ++-
 templates/account/index.html.tera | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/site.css b/assets/site.css
index e855155..4305a40 100644
--- a/assets/site.css
+++ b/assets/site.css
@@ -56,6 +56,7 @@ picture.block>img {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
+	max-width: 100%;
 }
 
 body {
@@ -404,4 +405,4 @@ input#ident {
 	div.fields.submit {
 		align-items: center;
 	}
-}
\ No newline at end of file
+}
diff --git a/templates/account/index.html.tera b/templates/account/index.html.tera
index 76c08e4..9c74c2c 100644
--- a/templates/account/index.html.tera
+++ b/templates/account/index.html.tera
@@ -38,7 +38,9 @@
 		<details>
 			<summary>show the QR code</summary>
 
-			<img loading="lazy" src="/account/qr-png/{{profile.id}}" alt="A QrCode containing a direct link to the profile" />
+			<picture class="block">
+				<img loading="lazy" src="/account/qr-png/{{profile.id}}" alt="A QrCode containing a direct link to the profile" />
+			</picture>
 		</details>
 	</article>
 	{% endfor %}