From e0e1abc5c9712d94f9696a7933150a47c6c3e2b0 Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Thu, 9 Jun 2022 09:58:19 -0400
Subject: [PATCH] Improve UX

---
 .../features/compose/components/poll-form.tsx | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/app/soapbox/features/compose/components/poll-form.tsx b/app/soapbox/features/compose/components/poll-form.tsx
index 1e848dccb..47dfea3cb 100644
--- a/app/soapbox/features/compose/components/poll-form.tsx
+++ b/app/soapbox/features/compose/components/poll-form.tsx
@@ -186,25 +186,27 @@ const PollForm = (props: IPollForm) => {
 
       <Divider />
 
-      <HStack alignItems='center' justifyContent='between'>
-        <Stack>
-          <Text size='lg' weight='medium'>
-            {intl.formatMessage(messages.multiSelect)}
-          </Text>
+      <button onClick={handleToggleMultiple} className='text-left'>
+        <HStack alignItems='center' justifyContent='between'>
+          <Stack>
+            <Text weight='medium'>
+              {intl.formatMessage(messages.multiSelect)}
+            </Text>
 
-          <Text theme='muted'>
-            {intl.formatMessage(messages.multiSelectDetail)}
-          </Text>
-        </Stack>
+            <Text theme='muted' size='sm'>
+              {intl.formatMessage(messages.multiSelectDetail)}
+            </Text>
+          </Stack>
 
-        <Toggle checked={isMultiple} onChange={handleToggleMultiple} />
-      </HStack>
+          <Toggle checked={isMultiple} onChange={handleToggleMultiple} />
+        </HStack>
+      </button>
 
       <Divider />
 
       {/* Duration */}
       <Stack space={2}>
-        <Text size='lg' weight='medium'>
+        <Text weight='medium'>
           {intl.formatMessage(messages.pollDuration)}
         </Text>