From 3ac74a4fcb9e49bb65dbebca3a01ff833d2b2bf2 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Mon, 28 Apr 2025 18:21:48 +0400
Subject: [PATCH] refac: styling

---
 src/lib/components/chat/Settings/Account.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/chat/Settings/Account.svelte b/src/lib/components/chat/Settings/Account.svelte
index 80fc143b1..20866af3c 100644
--- a/src/lib/components/chat/Settings/Account.svelte
+++ b/src/lib/components/chat/Settings/Account.svelte
@@ -272,7 +272,7 @@
 		</div>
 
 		{#if ($config?.features?.enable_api_key ?? true) || $user?.role === 'admin'}
-			<div class="flex justify-between items-center text-sm">
+			<div class="flex justify-between items-center text-sm mb-2">
 				<div class="  font-medium">{$i18n.t('API keys')}</div>
 				<button
 					class=" text-xs font-medium text-gray-500"
@@ -288,10 +288,10 @@
 					{#if $user?.role === 'admin'}
 						<div class="justify-between w-full">
 							<div class="flex justify-between w-full">
-								<div class="self-center text-xs font-medium">{$i18n.t('JWT Token')}</div>
+								<div class="self-center text-xs font-medium mb-1">{$i18n.t('JWT Token')}</div>
 							</div>
 
-							<div class="flex mt-2">
+							<div class="flex">
 								<SensitiveInput value={localStorage.token} readOnly={true} />
 
 								<button
@@ -345,10 +345,10 @@
 						<div class="justify-between w-full">
 							{#if $user?.role === 'admin'}
 								<div class="flex justify-between w-full">
-									<div class="self-center text-xs font-medium">{$i18n.t('API Key')}</div>
+									<div class="self-center text-xs font-medium mb-1">{$i18n.t('API Key')}</div>
 								</div>
 							{/if}
-							<div class="flex mt-2">
+							<div class="flex">
 								{#if APIKey}
 									<SensitiveInput value={APIKey} readOnly={true} />