From b47f30ad773d9a1cdfa3e33a19057ead22717846 Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Sun, 14 Jul 2024 14:06:36 +0530
Subject: [PATCH] Make Khoj icon appropriately sized and side panel arrow bold

---
 .../components/sidePanel/chatHistorySidePanel.tsx    | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx b/src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx
index 7c45a169..a782c9d4 100644
--- a/src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx
+++ b/src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx
@@ -713,16 +713,12 @@ export default function SidePanel(props: SidePanelProps) {
 
     return (
         <div className={`${styles.panel} ${enabled ? styles.expanded : styles.collapsed}`}>
-            <div className="flex items-start justify-between">
-                <Image src="/khoj-logo.svg"
-                    alt="logo"
-                    width={40}
-                    height={40}
-                />
+            <div className="flex items-center justify-between">
+                <img src="/khoj-logo.svg" alt="logo" className="w-16"/>
                 {
                     authenticatedData && isMobileWidth && enabled ?
                         <Drawer>
-                            <DrawerTrigger><ArrowRight className="h-4 w-4 mx-2" /></DrawerTrigger>
+                            <DrawerTrigger><ArrowRight className="h-4 w-4 mx-2" weight="bold"/></DrawerTrigger>
                             <DrawerContent>
                                 <DrawerHeader>
                                     <DrawerTitle>Sessions and Files</DrawerTitle>
@@ -750,7 +746,7 @@ export default function SidePanel(props: SidePanelProps) {
                         </Drawer>
                         :
                         <button className={styles.button} onClick={() => setEnabled(!enabled)}>
-                            {enabled ? <ArrowLeft className="h-4 w-4" /> : <ArrowRight className="h-4 w-4 mx-2" />}
+                            {enabled ? <ArrowLeft className="h-4 w-4" weight="bold"/> : <ArrowRight className="h-4 w-4 mx-2" weight="bold"/>}
                         </button>
                 }
             </div>