From 94fe7bc6a3399c97c71ba210ad1a3139ac75fffd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Fri, 30 Aug 2024 00:09:46 +0200
Subject: [PATCH] UI consistency
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 packages/pl-fe/src/components/polls/poll.tsx     | 4 ++--
 packages/pl-fe/src/components/status-content.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/polls/poll.tsx b/packages/pl-fe/src/components/polls/poll.tsx
index 5bc8a6563..906758f75 100644
--- a/packages/pl-fe/src/components/polls/poll.tsx
+++ b/packages/pl-fe/src/components/polls/poll.tsx
@@ -69,12 +69,12 @@ const Poll: React.FC<IPoll> = ({ id, status }): JSX.Element | null => {
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     <div onClick={e => e.stopPropagation()}>
       {!showResults && poll.multiple && (
-        <Text theme='muted' size='sm'>
+        <Text className='mb-4' theme='muted' size='sm'>
           {intl.formatMessage(messages.multiple)}
         </Text>
       )}
 
-      <Stack space={4} className='mt-4'>
+      <Stack space={4}>
         <Stack space={2}>
           {poll.options.map((option, i) => (
             <PollOption
diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx
index 9a0ad45f6..5f8d73819 100644
--- a/packages/pl-fe/src/components/status-content.tsx
+++ b/packages/pl-fe/src/components/status-content.tsx
@@ -6,7 +6,7 @@ import { Link } from 'react-router-dom';
 
 import { toggleStatusSpoilerExpanded } from 'pl-fe/actions/statuses';
 import Icon from 'pl-fe/components/icon';
-import { Button, Text } from 'pl-fe/components/ui';
+import { Button, Stack, Text } from 'pl-fe/components/ui';
 import { useAppDispatch, useSettings } from 'pl-fe/hooks';
 import { onlyEmoji as isOnlyEmoji } from 'pl-fe/utils/rich-content';
 
@@ -234,7 +234,7 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
       output.push(<Poll id={status.poll_id} key='poll' status={status} />);
     }
 
-    return <div className={clsx({ 'bg-gray-100 dark:bg-primary-800 rounded-md p-4': hasPoll })}>{output}</div>;
+    return <Stack space={4} className={clsx({ 'bg-gray-100 dark:bg-primary-800 rounded-md p-4': hasPoll })}>{output}</Stack>;
   } else {
     output.push(
       <Markup