From 82b36d6b70e15dc769fd5d81fa9f1e4542f46d3a Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Sat, 8 Feb 2025 16:56:57 -0600
Subject: [PATCH] Fix for more info on account linking and remove fixed height
 on subscribe buttons card which caused UI issue

---
 src/components/profile/UserAccountLinking.js         | 12 ++++++++++--
 .../profile/subscription/UserSubscription.js         |  2 +-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/profile/UserAccountLinking.js b/src/components/profile/UserAccountLinking.js
index b803861..13339e6 100644
--- a/src/components/profile/UserAccountLinking.js
+++ b/src/components/profile/UserAccountLinking.js
@@ -127,7 +127,11 @@ const LinkAccountsCard = ({ session }) => {
         <div className="bg-gray-800 rounded-xl p-6 flex flex-col items-start w-full border border-gray-700 my-2">
             <div className="flex flex-row justify-between items-center w-full mb-6">
                 <h2 className="text-2xl font-bold text-white">Link Accounts</h2>
-                <MoreInfo title="Link Accounts" description="Link your accounts to your profile. You can link your Github, Nostr, and Email accounts to your profile to ensure you can access your account from any device." />
+                <MoreInfo 
+                    tooltip="Learn more about account linking"
+                    modalTitle="Link Accounts"
+                    modalBody="Link your accounts to your profile. You can link your Github, Nostr, and Email accounts to your profile to ensure you can access your account from any device."
+                />
             </div>
             
             <div className="flex flex-col gap-4">
@@ -165,7 +169,11 @@ const LinkAccountsCard = ({ session }) => {
         <div className="bg-gray-800 rounded-xl p-6 flex flex-col items-start w-full max-w-[400px] mt-2 border border-gray-700">
             <div className="flex flex-row justify-between items-center w-full mb-6">
                 <h2 className="text-2xl font-bold text-white">Link Accounts</h2>
-                <MoreInfo title="Link Accounts" description="Link your accounts to your profile. You can link your Github, Nostr, and Email accounts to your profile to ensure you can access your account from any device." />
+                <MoreInfo 
+                    tooltip="Learn more about account linking"
+                    modalTitle="Link Accounts"
+                    modalBody="Link your accounts to your profile. You can link your Github, Nostr, and Email accounts to your profile to ensure you can access your account from any device."
+                />
             </div>
             <div className="flex flex-col gap-4 w-full">
                 <GenericButton
diff --git a/src/components/profile/subscription/UserSubscription.js b/src/components/profile/subscription/UserSubscription.js
index c675d9c..8e21be6 100644
--- a/src/components/profile/subscription/UserSubscription.js
+++ b/src/components/profile/subscription/UserSubscription.js
@@ -119,7 +119,7 @@ const UserSubscription = () => {
                     {!subscribed && (
                         <Card 
                             title="Subscribe to PlebDevs" 
-                            className="mb-2 h-[330px] max-lap:h-auto" 
+                            className="mb-2 max-lap:h-auto" 
                             pt={{
                                 body: { className: 'py-2' },
                                 content: { className: 'pt-0' }