Fix the font size and alignment of all the chat options of the sideba…

…r based on issue #586 Fix the font size and alignment of all the chat options of the sidebar based on issue #586
arc53 · Oct 13, 2023 · 7361a35 · 7361a35
1 parent e5e5a42
commit 7361a35
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/Navigation.tsx b/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

diff --git a/frontend/src/conversation/ConversationTile.tsx b/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