diff --git a/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx b/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx index e34989a9f..83396023d 100644 --- a/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx +++ b/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx @@ -78,7 +78,7 @@ const Option: React.FC = ({ }; return ( - +
{index + 1}. @@ -107,7 +107,7 @@ const Option: React.FC = ({
)} -
+
); }; @@ -145,8 +145,8 @@ const PollForm: React.FC = ({ composeId }) => { } return ( - - +
+
{options.map((title: string, i: number) => (
@@ -212,7 +212,7 @@ const PollForm: React.FC = ({ composeId }) => { {intl.formatMessage(messages.removePoll)}
-
+ ); }; diff --git a/packages/pl-fe/src/styles/new/compose.scss b/packages/pl-fe/src/styles/new/compose.scss index 360500a26..392acac22 100644 --- a/packages/pl-fe/src/styles/new/compose.scss +++ b/packages/pl-fe/src/styles/new/compose.scss @@ -67,6 +67,18 @@ } } + &__poll { + @apply flex flex-col gap-y-4; + + &__options { + @apply flex flex-col gap-2; + } + + &__option { + @apply flex items-center justify-between gap-4; + } + } + &__schedule { @apply flex flex-col gap-2;