From 93400e695ff32c74cfcbd5650f54022f7abee18b Mon Sep 17 00:00:00 2001
From: ebedoise <emilebedoiseau@gmail.com>
Date: Fri, 2 Aug 2024 15:30:02 +0200
Subject: [PATCH] UI changes for poll

---
 apps/poll/src/Choices.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/poll/src/Choices.tsx b/apps/poll/src/Choices.tsx
index 45cb4d29..7b3729ce 100644
--- a/apps/poll/src/Choices.tsx
+++ b/apps/poll/src/Choices.tsx
@@ -26,6 +26,9 @@ const MobileTitleLayer = styled(Text)`
     display: block;
     text-align: center;
     font-weight: bold;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
   }
 `;
 
@@ -141,14 +144,14 @@ export const Choices = () => {
 
   return (
     <>
-      <Box height="100%">
+      <Box height="100%" position="relative">
         <Box m="auto" position="relative">
-          <ChoicesImage isLocked={isLocked} src={data.poll.image || undefined} />
           <TitleLayer>
             <Text color="white" fontWeight="bold" textAlign="center">
               {data.poll.title}
             </Text>
           </TitleLayer>
+          <ChoicesImage isLocked={isLocked} src={data.poll.image || undefined} />
           <MobileTitleLayer>{data.poll.title}</MobileTitleLayer>
         </Box>
         <Box marginTop={8} flex={1} display="flex" justifyContent="center" alignItems="center">