From 4e9d8608567933142d7464464c75ba61283eb538 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Mon, 28 Sep 2026 07:13:53 +0200
Subject: [PATCH] ui : stop the configuration pane from padding its right edge
 twice

The dialog already pads that edge, and the pane's header, tab list and tab
content each added another 16px on top of it, so the panel sat 32px from
the edge while the table beside it sat 16px away.

Assisted-by: pi:llama.cpp/DeepSeek-V4.1-Flash
---
 .../ModelsManagerModelConfiguration.svelte                    | 4 ++--
 .../ModelsManagerModelConfigurationHeader.svelte              | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/tools/ui/src/lib/components/app/models/ModelsManager/ModelsManagerModelConfiguration/ModelsManagerModelConfiguration.svelte b/tools/ui/src/lib/components/app/models/ModelsManager/ModelsManagerModelConfiguration/ModelsManagerModelConfiguration.svelte
index 24a419b24d..23e0ab6451 100644
--- a/tools/ui/src/lib/components/app/models/ModelsManager/ModelsManagerModelConfiguration/ModelsManagerModelConfiguration.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelsManager/ModelsManagerModelConfiguration/ModelsManagerModelConfiguration.svelte
@@ -97,7 +97,7 @@
 	/>
 
 	<Tabs.Root class="mt-3 min-h-0 flex-1 gap-0" onValueChange={(value) => (tab = value)} value={tab}>
-		<div class="px-4">
+		<div class="pl-4">
 			<Tabs.List class="w-full">
 				<Tabs.Trigger value="information">Information</Tabs.Trigger>
 
@@ -107,7 +107,7 @@
 			</Tabs.List>
 		</div>
 
-		<div class="min-h-0 flex-1 overflow-y-auto px-4 py-4">
+		<div class="min-h-0 flex-1 overflow-y-auto py-4 pl-4">
 			<Tabs.Content value="information">
 				<ModelsManagerModelConfigurationInformation
 					draftSetting={override?.load?.speculativeDecoding ?? null}
diff --git a/tools/ui/src/lib/components/app/models/ModelsManager/ModelsManagerModelConfiguration/ModelsManagerModelConfigurationHeader.svelte b/tools/ui/src/lib/components/app/models/ModelsManager/ModelsManagerModelConfiguration/ModelsManagerModelConfigurationHeader.svelte
index 71edb2ca8d..816fc38e15 100644
--- a/tools/ui/src/lib/components/app/models/ModelsManager/ModelsManagerModelConfiguration/ModelsManagerModelConfigurationHeader.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelsManager/ModelsManagerModelConfiguration/ModelsManagerModelConfigurationHeader.svelte
@@ -80,7 +80,7 @@
 	});
 </script>
 
-<header class="space-y-3 px-4 pt-4">
+<header class="space-y-3 pt-4 pl-4">
 	<div class="flex items-start justify-between gap-3">
 		<div class="flex min-w-0 items-center gap-2">
 			<ModelAvatar {option} showBaseModelAvatar size="size-12" />