From b114ca89da736143f9d850771b86db3ae8432bf0 Mon Sep 17 00:00:00 2001
From: Aaron William Po <apo2@uwo.ca>
Date: Sun, 3 Dec 2023 01:58:22 -0500
Subject: [PATCH] Fix styles

---
 src/components/BeerBreweryComments/CommentCardBody.tsx | 6 +++---
 src/components/BreweryIndex/BreweryCard.tsx            | 8 +++++---
 src/pages/users/account/index.tsx                      | 2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/BeerBreweryComments/CommentCardBody.tsx b/src/components/BeerBreweryComments/CommentCardBody.tsx
index 1102e51..2c57d4d 100644
--- a/src/components/BeerBreweryComments/CommentCardBody.tsx
+++ b/src/components/BeerBreweryComments/CommentCardBody.tsx
@@ -29,9 +29,9 @@ const CommentCardBody: FC<CommentCardProps> = ({
   const [inEditMode, setInEditMode] = useState(false);
 
   return (
-    <div ref={ref} className="flex">
-      <div className="w-[12%] justify-center py-4">
-        <div className="h-20 px-3">
+    <div ref={ref} className="flex items-start">
+      <div className="mx-3 w-[20%] justify-center sm:w-[12%]">
+        <div className="h-20 pt-4">
           <UserAvatar user={comment.postedBy} />
         </div>
       </div>
diff --git a/src/components/BreweryIndex/BreweryCard.tsx b/src/components/BreweryIndex/BreweryCard.tsx
index ff1402f..357fda5 100644
--- a/src/components/BreweryIndex/BreweryCard.tsx
+++ b/src/components/BreweryIndex/BreweryCard.tsx
@@ -32,12 +32,14 @@ const BreweryCard: FC<{ brewery: z.infer<typeof BreweryPostQueryResult> }> = ({
       <div className="card-body justify-between">
         <div>
           <Link href={`/breweries/${brewery.id}`} className="link-hover link">
-            <h2 className="truncate text-xl font-bold lg:text-2xl">{brewery.name}</h2>
+            <span className="text-lg font-bold lg:text-xl xl:truncate">
+              {brewery.name}
+            </span>
           </Link>
         </div>
-        <div className="flex items-end justify-between">
+        <div className="flex w-full items-end justify-between">
           <div className="w-9/12">
-            <h3 className="truncate text-lg font-semibold lg:text-xl">
+            <h3 className="text-lg font-semibold lg:text-xl xl:truncate">
               {brewery.location.city},{' '}
               {brewery.location.stateOrProvince || brewery.location.country}
             </h3>
diff --git a/src/pages/users/account/index.tsx b/src/pages/users/account/index.tsx
index fe42459..7c6445e 100644
--- a/src/pages/users/account/index.tsx
+++ b/src/pages/users/account/index.tsx
@@ -50,7 +50,7 @@ const AccountPage: NextPage = () => {
             <Tab.Group>
               <Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl">
                 <Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
-                  Account Info and Security
+                  Account
                 </Tab>
                 <Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
                   Your Posts