From 049554db8468337ffdcbdcd04abc0e49dadc00be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sun, 19 Mar 2023 20:23:36 +0100
Subject: [PATCH] Add missing gap to PendingStatus
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../features/ui/components/pending-status.tsx  | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/soapbox/features/ui/components/pending-status.tsx b/app/soapbox/features/ui/components/pending-status.tsx
index ba8e9e8d74..d8ee1ab33c 100644
--- a/app/soapbox/features/ui/components/pending-status.tsx
+++ b/app/soapbox/features/ui/components/pending-status.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import Account from 'soapbox/components/account';
 import StatusContent from 'soapbox/components/status-content';
 import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
-import { Card, HStack } from 'soapbox/components/ui';
+import { Card, HStack, Stack } from 'soapbox/components/ui';
 import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card';
 import PlaceholderMediaGallery from 'soapbox/features/placeholder/components/placeholder-media-gallery';
 import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container';
@@ -78,16 +78,18 @@ const PendingStatus: React.FC<IPendingStatus> = ({ idempotencyKey, className, mu
           <div className='status__content-wrapper'>
             <StatusReplyMentions status={status} />
 
-            <StatusContent
-              status={status}
-              collapsable
-            />
+            <Stack space={4}>
+              <StatusContent
+                status={status}
+                collapsable
+              />
 
-            <PendingStatusMedia status={status} />
+              <PendingStatusMedia status={status} />
 
-            {status.poll && <PollPreview pollId={status.poll as string} />}
+              {status.poll && <PollPreview pollId={status.poll as string} />}
 
-            {status.quote && <QuotedStatus statusId={status.quote as string} />}
+              {status.quote && <QuotedStatus statusId={status.quote as string} />}
+            </Stack>
           </div>
 
           {/* TODO */}