Merge pull request #73 from aaronpo97/style-fixes

Fix styles

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>

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>

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