From 1c518ab6882ecf79c93aca4afcdbdf9f9692e51f Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Mon, 3 Feb 2025 20:13:14 -0800
Subject: [PATCH] refac: styling

---
 src/lib/components/channel/MessageInput.svelte | 8 ++++----
 src/lib/components/chat/MessageInput.svelte    | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/channel/MessageInput.svelte b/src/lib/components/channel/MessageInput.svelte
index 211207965..595f84cb5 100644
--- a/src/lib/components/channel/MessageInput.svelte
+++ b/src/lib/components/channel/MessageInput.svelte
@@ -455,7 +455,7 @@
 
 						<div class="px-2.5">
 							<div
-								class="scrollbar-hidden text-left bg-transparent dark:text-gray-100 outline-none w-full pt-2.5 px-1 rounded-xl resize-none h-fit max-h-80 overflow-auto"
+								class="scrollbar-hidden font-primary text-left bg-transparent dark:text-gray-100 outline-none w-full pt-2.5 pb-1 px-1 rounded-xl resize-none h-fit max-h-80 overflow-auto"
 							>
 								<RichTextInput
 									bind:value={content}
@@ -504,8 +504,8 @@
 							</div>
 						</div>
 
-						<div class=" flex justify-between">
-							<div class="ml-1 self-end mb-1.5 flex space-x-1">
+						<div class=" flex justify-between mb-2">
+							<div class="ml-1 self-end flex space-x-1">
 								<InputMenu
 									{screenCaptureHandler}
 									uploadFilesHandler={() => {
@@ -531,7 +531,7 @@
 								</InputMenu>
 							</div>
 
-							<div class="self-end mb-1.5 flex space-x-1 mr-1">
+							<div class="self-end flex space-x-1 mr-1">
 								{#if content === ''}
 									<Tooltip content={$i18n.t('Record voice')}>
 										<button
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 5a49ef9da..fe41630bc 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -868,7 +868,7 @@
 										<textarea
 											id="chat-input"
 											bind:this={chatInputElement}
-											class="scrollbar-hidden bg-transparent dark:text-gray-100 outline-none w-full pt-3 px-1 rounded-xl resize-none h-[48px]"
+											class="scrollbar-hidden bg-transparent dark:text-gray-100 outline-none w-full pt-3 pb-1 px-1 rounded-xl resize-none"
 											placeholder={placeholder ? placeholder : $i18n.t('Send a Message')}
 											bind:value={prompt}
 											on:keypress={(e) => {
@@ -1059,8 +1059,8 @@
 									{/if}
 								</div>
 
-								<div class=" flex justify-between">
-									<div class="ml-1 self-end mb-1.5 gap-0.5 flex items-center">
+								<div class=" flex justify-between mb-2">
+									<div class="ml-1 self-end gap-0.5 flex items-center">
 										<InputMenu
 											bind:selectedToolIds
 											{screenCaptureHandler}
@@ -1170,7 +1170,7 @@
 										{/if}
 									</div>
 
-									<div class="self-end mb-1.5 flex space-x-1 mr-1">
+									<div class="self-end flex space-x-1 mr-1">
 										{#if !history?.currentId || history.messages[history.currentId]?.done == true}
 											<Tooltip content={$i18n.t('Record voice')}>
 												<button