UI changes for poll

zkshop · Aug 2, 2024 · 93400e6 · 93400e6
1 parent 55df6e2
commit 93400e6
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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">