fix: 🐛 improve mobile data-collecting

lucca180 · Nov 11, 2024 · d3552b4 · d3552b4
1 parent b234bba
commit d3552b4
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/pages/tools/data-collecting.tsx b/pages/tools/data-collecting.tsx
@@ -94,7 +94,12 @@ const DataCollectingPage = () => {
           automatically (mostly some prize pools)
         </Text>
       </HeaderCard>
-      <Flex justifyContent={'space-between'} w={'100%'} gap={8}>
+      <Flex
+        flexFlow={{ base: 'column-reverse', md: 'row' }}
+        justifyContent={'space-between'}
+        w={'100%'}
+        gap={8}
+      >
         <Flex flexFlow={'column'} w="100%" maxW={'500px'}>
           <FormControl my={5}>
             <FormLabel>Type</FormLabel>