style: same style for email and help buttons

Author: AlexVOiceover

src/components/ui/tour/HelpButton.tsx

@@ -34,7 +34,7 @@ const HelpButton: React.FC<HelpButtonProps> = ({
         setIsPulsing(false); // Stop pulsing when clicked
         onClick();
       }}
-      className={`fixed bottom-8 left-4 z-40 rounded-full flex items-center p-2 shadow-lg bg-blue-600 hover:bg-blue-700 transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-400
+      className={`fixed bottom-4 left-4 z-40 rounded-full flex items-center p-2 shadow-lg bg-blue-600 hover:bg-blue-700 transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-400
         ${isPulsing ? 'help-button-pulse' : ''}`}
       aria-label='Help'
     >

src/layouts/components/MainPage.tsx

@@ -21,7 +21,6 @@ const MainPage: React.FC = () => {
   const [isWizardOpen, setIsWizardOpen] = useState(false);
   const [isShareModalOpen, setIsShareModalOpen] = useState(false);
 
-
   // Determine if email button should be disabled:
   const hasManagerEmail = managerEmail && managerEmail.trim().length > 0;
   // Include all public statements (including archived ones)
@@ -44,7 +43,7 @@ const MainPage: React.FC = () => {
         <div className='flex flex-col md:flex-row md:justify-between md:items-center'>
           <h1
             id='page-title'
-            className='text-2xl md:text-3xl font-bold mb-3 md:mb-0 truncate'
+            className='text-2xl md:text-3xl font-bold mb-3 md:mb-0 break-words'
           >
             {managerName
               ? `${username} would like to share with ${managerName}`
@@ -64,7 +63,7 @@ const MainPage: React.FC = () => {
       <Footer />
 
       {/* Floating Email Button */}
-      <div className='fixed bottom-8 right-8 z-30'>
+      <div className='fixed bottom-4 right-4 z-30'>
         {/* Email Button: Disabled if there's no manager email or no public statements */}
         <Tooltip>
           <TooltipTrigger asChild>