From c54b50c56271ccb4f1eb4039cee69ffc7a43e125 Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Wed, 14 Dec 2022 12:26:44 -0500
Subject: [PATCH 1/2] Add spacing above textarea

---
 app/soapbox/pages/home_page.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/app/soapbox/pages/home_page.tsx b/app/soapbox/pages/home_page.tsx
index 2d73673d7..9e5e1cb5d 100644
--- a/app/soapbox/pages/home_page.tsx
+++ b/app/soapbox/pages/home_page.tsx
@@ -16,8 +16,7 @@ import {
 } from 'soapbox/features/ui/util/async-components';
 import { useAppSelector, useOwnAccount, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
 
-import Avatar from '../components/avatar';
-import { Card, CardBody, Layout } from '../components/ui';
+import { Avatar, Card, CardBody, Layout } from '../components/ui';
 import ComposeForm from '../features/compose/components/compose-form';
 import BundleContainer from '../features/ui/containers/bundle_container';
 // import GroupSidebarPanel from '../features/groups/sidebar_panel';
@@ -35,6 +34,7 @@ const HomePage: React.FC = ({ children }) => {
   const cryptoLimit = soapboxConfig.cryptoDonatePanel.get('limit', 0);
 
   const acct = account ? account.acct : '';
+  const avatar = account ? account.avatar : '';
 
   return (
     <>
@@ -44,15 +44,17 @@ const HomePage: React.FC = ({ children }) => {
             <CardBody>
               <div className='flex items-start space-x-4'>
                 <Link to={`/@${acct}`}>
-                  <Avatar account={account} size={46} />
+                  <Avatar src={avatar} size={46} />
                 </Link>
 
-                <ComposeForm
-                  id='home'
-                  shouldCondense
-                  autoFocus={false}
-                  clickableAreaRef={composeBlock}
-                />
+                <div className='pt-0.5'>
+                  <ComposeForm
+                    id='home'
+                    shouldCondense
+                    autoFocus={false}
+                    clickableAreaRef={composeBlock}
+                  />
+                </div>
               </div>
             </CardBody>
           </Card>

From 15b9e0e355556b4825e6c7454e4aea50aa2cc23c Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 14 Dec 2022 12:04:59 -0600
Subject: [PATCH 2/2] HomePage: shift the ComposeForm with translate-y instead
 of pt

---
 app/soapbox/pages/home-page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/soapbox/pages/home-page.tsx b/app/soapbox/pages/home-page.tsx
index 6bbd1bf03..94dbc83b7 100644
--- a/app/soapbox/pages/home-page.tsx
+++ b/app/soapbox/pages/home-page.tsx
@@ -46,7 +46,7 @@ const HomePage: React.FC = ({ children }) => {
                   <Avatar src={avatar} size={46} />
                 </Link>
 
-                <div className='pt-0.5'>
+                <div className='translate-y-0.5 w-full'>
                   <ComposeForm
                     id='home'
                     shouldCondense