From 5bc57ba49727d61f754507e3d9f39e3fef91a4e4 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Fri, 14 Nov 2025 23:30:16 +0100
Subject: [PATCH] print fullscreen image takes full desktop width

---
 src/lib/components/LiveImage.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/LiveImage.svelte b/src/lib/components/LiveImage.svelte
index 6e8f203..02c391b 100644
--- a/src/lib/components/LiveImage.svelte
+++ b/src/lib/components/LiveImage.svelte
@@ -84,7 +84,7 @@
 	{:else}
 		<div class="fullscreen-container">
 			<Dialog title="Live stream of printer" close={() => (fullscreen = false)}>
-				<img style="width: 100%;" src={String(imageSource)} id="live-image" />
+				<img src={String(imageSource)} id="live-image" />
 				<span>Last update {timestamp}s ago</span>
 			</Dialog>
 
@@ -105,7 +105,11 @@
 		display: block;
 	}
 
-	:global(.fullscreen-container .dialog > div) {
+	:global(.fullscreen-container .dialog img) {
 		max-width: unset;
 	}
+
+	:global(.fullscreen-container #dialog-title) {
+		max-width: 98vw;
+	}
 </style>