Merge pull request #592 from faria-karim-porna/ui-sidebar-chat-options

Fix the font size and alignment of all the chat options of the sidebar based on issue #586

frontend/src/Navigation.tsx

@@ -229,7 +229,7 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
           }
         >
           <img src={Message} className="ml-4 w-5"></img>
-          <p className="my-auto text-eerie-black">New Chat</p>
+          <p className="my-auto text-sm text-eerie-black">New Chat</p>
         </NavLink>
         <div className="conversations-container max-h-[25rem] overflow-y-auto">
           {conversations

frontend/src/conversation/ConversationTile.tsx

@@ -68,7 +68,7 @@ export default function ConversationTile({
       onClick={() => {
         selectConversation(conversation.id);
       }}
-      className={`my-auto mx-4 mt-4 flex h-12 cursor-pointer items-center justify-between gap-4 rounded-3xl hover:bg-gray-100 ${
+      className={`my-auto mx-4 mt-4 flex h-9 cursor-pointer items-center justify-between gap-4 rounded-3xl hover:bg-gray-100 ${
         conversationId === conversation.id ? 'bg-gray-100' : ''
       }`}
     >
@@ -77,7 +77,7 @@ export default function ConversationTile({
           conversationId === conversation.id ? 'w-[75%]' : 'w-[95%]'
         } gap-4`}
       >
-        <img src={Message} className="ml-2 w-5"></img>
+        <img src={Message} className="ml-4 w-5"></img>
         {isEdit ? (
           <input
             autoFocus