From 08bc1d3bcb499abaf9590b77a61760680f73d118 Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Sat, 1 Feb 2025 14:25:45 -0800
Subject: [PATCH] Improve sizing / spacing of side bar

---
 src/interface/web/app/components/chatSidebar/chatSidebar.tsx  | 4 ++--
 .../web/app/components/referencePanel/referencePanel.tsx      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/interface/web/app/components/chatSidebar/chatSidebar.tsx b/src/interface/web/app/components/chatSidebar/chatSidebar.tsx
index d9c2fcab..e08a1c0c 100644
--- a/src/interface/web/app/components/chatSidebar/chatSidebar.tsx
+++ b/src/interface/web/app/components/chatSidebar/chatSidebar.tsx
@@ -203,14 +203,14 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
                 <SidebarHeader>
                     {
                         agentData && !isEditable ? (
-                            <div className="flex items-center relative top-2">
+                            <div className="flex items-center relative text-sm">
                                 <a className="text-lg font-bold flex flex-row items-center" href={`/agents?agent=${agentData.slug}`}>
                                     {getIconFromIconName(agentData.icon, agentData.color)}
                                     {agentData.name}
                                 </a>
                             </div>
                         ) : (
-                            <div className="flex items-center relative top-2">
+                            <div className="flex items-center relative text-sm">
                                 {getIconFromIconName("lightbulb", "orange")}
                                 Chat Options
                             </div>
diff --git a/src/interface/web/app/components/referencePanel/referencePanel.tsx b/src/interface/web/app/components/referencePanel/referencePanel.tsx
index 1dd9c92b..9f07191f 100644
--- a/src/interface/web/app/components/referencePanel/referencePanel.tsx
+++ b/src/interface/web/app/components/referencePanel/referencePanel.tsx
@@ -572,7 +572,7 @@ export function TeaserReferencesSection(props: TeaserReferenceSectionProps) {
     return (
         <div className="pt-0 px-4 pb-4">
             <h3 className="inline-flex items-center">
-                <p className="text-gray-400 m-2">{numReferences} sources</p>
+                <div className="text-gray-400 m-2">{numReferences} sources</div>
                 <div className={`flex flex-wrap gap-2 w-auto m-2`}>
                     {shouldShowShowMoreButton && (
                         <ReferencePanel
@@ -621,7 +621,7 @@ export default function ReferencePanel(props: ReferencePanelDataProps) {
 
     return (
         <Sheet>
-            <SheetTrigger className="text-balance w-auto md:w-[200px] justify-start overflow-hidden break-words p-0 bg-transparent border-none text-gray-400 align-middle items-center m-0 inline-flex">
+            <SheetTrigger className="text-balance w-auto justify-start overflow-hidden break-words p-0 bg-transparent border-none text-gray-400 align-middle items-center m-0 inline-flex">
                 {codeDataToShow.map((code, index) => {
                     return (
                         <CodeContextReferenceCard