From 169ca33b480011a9e6b6c6dfcb4dab0dca5eb08c Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Mon, 18 Nov 2024 06:24:44 -0800
Subject: [PATCH] refac: styling

---
 src/lib/components/workspace/Knowledge.svelte |  2 +-
 src/lib/components/workspace/Models.svelte    |  2 +-
 src/lib/components/workspace/Prompts.svelte   |  2 +-
 src/lib/components/workspace/Tools.svelte     | 30 ++++++++++---------
 4 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/lib/components/workspace/Knowledge.svelte b/src/lib/components/workspace/Knowledge.svelte
index d88e21817..20f6cc05d 100644
--- a/src/lib/components/workspace/Knowledge.svelte
+++ b/src/lib/components/workspace/Knowledge.svelte
@@ -155,7 +155,7 @@
 						</div>
 					</div>
 
-					<div class=" self-center flex-1">
+					<div class=" self-center flex-1 px-0.5">
 						<div class=" font-semibold line-clamp-1 h-fit">{item.name}</div>
 
 						<div class=" text-xs overflow-hidden text-ellipsis line-clamp-1">
diff --git a/src/lib/components/workspace/Models.svelte b/src/lib/components/workspace/Models.svelte
index f2bcbaf60..545da2b37 100644
--- a/src/lib/components/workspace/Models.svelte
+++ b/src/lib/components/workspace/Models.svelte
@@ -277,7 +277,7 @@
 					</a>
 				</div>
 
-				<div class="flex justify-between items-center -mb-0.5">
+				<div class="flex justify-between items-center -mb-0.5 px-0.5">
 					<div class=" text-xs mt-0.5">
 						<Tooltip content={model?.user?.email} className="flex shrink-0" placement="top-start">
 							<div class="shrink-0 text-gray-500">
diff --git a/src/lib/components/workspace/Prompts.svelte b/src/lib/components/workspace/Prompts.svelte
index 534b21af3..c4a8f8649 100644
--- a/src/lib/components/workspace/Prompts.svelte
+++ b/src/lib/components/workspace/Prompts.svelte
@@ -153,7 +153,7 @@
 							</div>
 						</div>
 
-						<div class=" text-xs">
+						<div class=" text-xs px-0.5">
 							<Tooltip
 								content={prompt?.user?.email}
 								className="flex shrink-0"
diff --git a/src/lib/components/workspace/Tools.svelte b/src/lib/components/workspace/Tools.svelte
index 575f89a80..f2837b1ef 100644
--- a/src/lib/components/workspace/Tools.svelte
+++ b/src/lib/components/workspace/Tools.svelte
@@ -242,22 +242,24 @@
 								</div>
 							</Tooltip>
 
-							<div class="flex gap-1.5 mb-0.5">
-								<div class=" text-xs overflow-hidden text-ellipsis line-clamp-1">
-									{tool.meta.description}
+							<div class="px-0.5">
+								<div class="flex gap-1.5 mt-0.5 mb-0.5">
+									<div class=" text-xs overflow-hidden text-ellipsis line-clamp-1">
+										{tool.meta.description}
+									</div>
 								</div>
-							</div>
 
-							<div class="text-xs text-gray-500 shrink-0">
-								<Tooltip
-									content={tool?.user?.email}
-									className="flex shrink-0"
-									placement="top-start"
-								>
-									{$i18n.t('By {{name}}', {
-										name: capitalizeFirstLetter(tool?.user?.name ?? tool?.user?.email)
-									})}
-								</Tooltip>
+								<div class="text-xs text-gray-500 shrink-0">
+									<Tooltip
+										content={tool?.user?.email}
+										className="flex shrink-0"
+										placement="top-start"
+									>
+										{$i18n.t('By {{name}}', {
+											name: capitalizeFirstLetter(tool?.user?.name ?? tool?.user?.email)
+										})}
+									</Tooltip>
+								</div>
 							</div>
 						</div>
 					</div>