From 7317ed58afe789df5b9538e432f830ae90456632 Mon Sep 17 00:00:00 2001
From: Jaret Burkett <jaretburkett@gmail.com>
Date: Tue, 10 Jun 2025 08:40:51 -0600
Subject: [PATCH] Adjust the ui of the sidebar

---
 ui/src/components/Sidebar.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/Sidebar.tsx b/ui/src/components/Sidebar.tsx
index 3f6dfcc5..324b6097 100644
--- a/ui/src/components/Sidebar.tsx
+++ b/ui/src/components/Sidebar.tsx
@@ -11,11 +11,12 @@ const Sidebar = () => {
   ];
 
   return (
-    <div className="flex flex-col w-64 bg-gray-900 text-gray-100">
-      <div className="p-4">
-        <h1 className="text-xl">
-          <img src="/ostris_logo.png" alt="Ostris AI Toolkit" className="w-auto h-8 mr-3 inline" />
-          Ostris - AI Toolkit
+    <div className="flex flex-col w-59 bg-gray-900 text-gray-100">
+      <div className="px-4 py-3">
+        <h1 className="text-l">
+          <img src="/ostris_logo.png" alt="Ostris AI Toolkit" className="w-auto h-7 mr-3 inline" />
+          <span className="font-bold uppercase">Ostris</span>
+          <span className='ml-2 uppercase text-gray-300'>AI-Toolkit</span>
         </h1>
       </div>
       <nav className="flex-1">
@@ -33,7 +34,7 @@ const Sidebar = () => {
           ))}
         </ul>
       </nav>
-      <a href="https://ostris.com/support" target="_blank" rel="noreferrer" className="flex items-center space-x-2 p-4">
+      <a href="https://ostris.com/support" target="_blank" rel="noreferrer" className="flex items-center space-x-2 px-4 py-3">
         <div className="min-w-[26px] min-h-[26px]">
           <svg height="24" version="1.1" width="24" xmlns="http://www.w3.org/2000/svg">
             <g transform="translate(0 -1028.4)">
@@ -44,7 +45,7 @@ const Sidebar = () => {
             </g>
           </svg>
         </div>
-        <div className="text-gray-500 text-sm mb-2 flex-1 pt-2 pl-0">SUPPORT THIS PROJECT</div>
+        <div className="uppercase text-gray-500 text-sm mb-2 flex-1 pt-2 pl-0">Support AI-Toolkit</div>
       </a>
     </div>
   );