From a72d3f12c88103dbce9c63e798468a692affd428 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Thu, 27 Aug 2026 08:06:25 +0200
Subject: [PATCH] ui: fix model information dialog width on all screen sizes

The dialog sets container-type: inline-size, so auto width ignores
its contents and collapses to padding. Give it an explicit viewport
width on mobile and cap at 60rem on desktop.

Assisted-by: pi
---
 .../lib/components/app/dialogs/DialogModelInformation.svelte    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tools/ui/src/lib/components/app/dialogs/DialogModelInformation.svelte b/tools/ui/src/lib/components/app/dialogs/DialogModelInformation.svelte
index 811c24d6b7..c962e7613a 100644
--- a/tools/ui/src/lib/components/app/dialogs/DialogModelInformation.svelte
+++ b/tools/ui/src/lib/components/app/dialogs/DialogModelInformation.svelte
@@ -76,7 +76,7 @@
 </script>
 
 <Dialog.Root bind:open {onOpenChange}>
-	<Dialog.Content class="@container z-9999 !max-h-[80dvh] !max-w-[60rem] max-w-full">
+	<Dialog.Content class="@container z-9999 !max-h-[80dvh] w-[calc(100vw-2rem)]! md:max-w-[60rem]!">
 		<style>
 			@container (max-width: 56rem) {
 				.resizable-text-container {