From baffa89f35af856b97d428fb66519d5112c719d2 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 18 Nov 2025 14:27:17 -0500
Subject: [PATCH] refac: styling

---
 .../admin/Users/Groups/Permissions.svelte     | 57 +++++++++----------
 1 file changed, 27 insertions(+), 30 deletions(-)

diff --git a/src/lib/components/admin/Users/Groups/Permissions.svelte b/src/lib/components/admin/Users/Groups/Permissions.svelte
index 5b989b215d..23f3258c58 100644
--- a/src/lib/components/admin/Users/Groups/Permissions.svelte
+++ b/src/lib/components/admin/Users/Groups/Permissions.svelte
@@ -96,29 +96,28 @@
 				</div>
 				<Switch bind:state={permissions.workspace.models} />
 			</div>
-			{#if defaultPermissions?.workspace?.models && !permissions.workspace.models}
-				<div>
-					<div class="text-xs text-gray-500">
-						{$i18n.t('This is a default user permission and will remain enabled.')}
-					</div>
-				</div>
-			{/if}
 
 			{#if permissions.workspace.models}
-				<div class="ml-4 flex flex-col gap-1 mt-1">
-					<div class="flex w-full justify-between my-1">
+				<div class="ml-2 flex flex-col gap-2 pt-0.5 pb-1">
+					<div class="flex w-full justify-between">
 						<div class="self-center text-xs">
 							{$i18n.t('Import Models')}
 						</div>
 						<Switch bind:state={permissions.workspace.models_import} />
 					</div>
-					<div class="flex w-full justify-between my-1">
+					<div class="flex w-full justify-between">
 						<div class="self-center text-xs">
 							{$i18n.t('Export Models')}
 						</div>
 						<Switch bind:state={permissions.workspace.models_export} />
 					</div>
 				</div>
+			{:else if defaultPermissions?.workspace?.models}
+				<div class="pb-0.5">
+					<div class="text-xs text-gray-500">
+						{$i18n.t('This is a default user permission and will remain enabled.')}
+					</div>
+				</div>
 			{/if}
 		</div>
 
@@ -145,29 +144,28 @@
 				</div>
 				<Switch bind:state={permissions.workspace.prompts} />
 			</div>
-			{#if defaultPermissions?.workspace?.prompts && !permissions.workspace.prompts}
-				<div>
-					<div class="text-xs text-gray-500">
-						{$i18n.t('This is a default user permission and will remain enabled.')}
-					</div>
-				</div>
-			{/if}
 
 			{#if permissions.workspace.prompts}
-				<div class="ml-4 flex flex-col gap-1 mt-1">
-					<div class="flex w-full justify-between my-1">
+				<div class="ml-2 flex flex-col gap-2 pt-0.5 pb-1">
+					<div class="flex w-full justify-between">
 						<div class="self-center text-xs">
 							{$i18n.t('Import Prompts')}
 						</div>
 						<Switch bind:state={permissions.workspace.prompts_import} />
 					</div>
-					<div class="flex w-full justify-between my-1">
+					<div class="flex w-full justify-between">
 						<div class="self-center text-xs">
 							{$i18n.t('Export Prompts')}
 						</div>
 						<Switch bind:state={permissions.workspace.prompts_export} />
 					</div>
 				</div>
+			{:else if defaultPermissions?.workspace?.prompts}
+				<div class="pb-0.5">
+					<div class="text-xs text-gray-500">
+						{$i18n.t('This is a default user permission and will remain enabled.')}
+					</div>
+				</div>
 			{/if}
 		</div>
 
@@ -184,29 +182,28 @@
 				</div>
 				<Switch bind:state={permissions.workspace.tools} />
 			</Tooltip>
-			{#if defaultPermissions?.workspace?.tools && !permissions.workspace.tools}
-				<div>
-					<div class="text-xs text-gray-500">
-						{$i18n.t('This is a default user permission and will remain enabled.')}
-					</div>
-				</div>
-			{/if}
 
 			{#if permissions.workspace.tools}
-				<div class="ml-4 flex flex-col gap-1 mt-1">
-					<div class="flex w-full justify-between my-1">
+				<div class="ml-2 flex flex-col gap-2 pt-0.5 pb-1">
+					<div class="flex w-full justify-between">
 						<div class="self-center text-xs">
 							{$i18n.t('Import Tools')}
 						</div>
 						<Switch bind:state={permissions.workspace.tools_import} />
 					</div>
-					<div class="flex w-full justify-between my-1">
+					<div class="flex w-full justify-between">
 						<div class="self-center text-xs">
 							{$i18n.t('Export Tools')}
 						</div>
 						<Switch bind:state={permissions.workspace.tools_export} />
 					</div>
 				</div>
+			{:else if defaultPermissions?.workspace?.tools}
+				<div class="pb-0.5">
+					<div class="text-xs text-gray-500">
+						{$i18n.t('This is a default user permission and will remain enabled.')}
+					</div>
+				</div>
 			{/if}
 		</div>
 	</div>