From ab6f9e155d9ebff7d868a4d15528672211acd2aa Mon Sep 17 00:00:00 2001
From: Jixun Wu <jixun.moe@gmail.com>
Date: Tue, 5 Sep 2023 02:14:33 +0100
Subject: [PATCH] docs: minor layout fix

---
 src/faq/KuwoFAQ.tsx               | 8 ++++----
 src/faq/QQMusicFAQ.tsx            | 7 +++++--
 src/faq/SegmentAddKeyDropdown.tsx | 2 +-
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/faq/KuwoFAQ.tsx b/src/faq/KuwoFAQ.tsx
index c955de1..8f47eb1 100644
--- a/src/faq/KuwoFAQ.tsx
+++ b/src/faq/KuwoFAQ.tsx
@@ -1,4 +1,4 @@
-import { Alert, AlertIcon, Container, List, ListItem, Text, VStack, chakra } from '@chakra-ui/react';
+import { Alert, AlertIcon, Container, Flex, List, ListItem, Text, chakra } from '@chakra-ui/react';
 import { Header4 } from '~/components/HelpText/Header4';
 import { VQuote } from '~/components/HelpText/VQuote';
 import { SegmentTryOfficialPlayer } from './SegmentTryOfficialPlayer';
@@ -35,10 +35,10 @@ export function KuwoFAQ() {
           <Container p={2}>
             <Alert status="warning" borderRadius={5}>
               <AlertIcon />
-              <VStack>
-                <Text>Android 用户提取密钥需要 root 权限，或注入文件提供器。</Text>
+              <Flex flexDir="column">
+                <Text>安卓用户提取密钥需要 root 权限，或注入文件提供器。</Text>
                 <Text>请注意：项目组不提倡使用第三方修改版应用亦不会提供，使用前请自行评估风险。</Text>
-              </VStack>
+              </Flex>
             </Alert>
           </Container>
 
diff --git a/src/faq/QQMusicFAQ.tsx b/src/faq/QQMusicFAQ.tsx
index 33d3bc8..86b6018 100644
--- a/src/faq/QQMusicFAQ.tsx
+++ b/src/faq/QQMusicFAQ.tsx
@@ -1,4 +1,4 @@
-import { Alert, AlertIcon, Container, List, ListItem, Text, chakra } from '@chakra-ui/react';
+import { Alert, AlertIcon, Container, Flex, List, ListItem, Text, chakra } from '@chakra-ui/react';
 import { Header4 } from '~/components/HelpText/Header4';
 import { SegmentTryOfficialPlayer } from './SegmentTryOfficialPlayer';
 import { QMCv2AllInstructions } from '~/features/settings/panels/QMCv2/QMCv2AllInstructions';
@@ -21,7 +21,10 @@ export function QQMusicFAQ() {
           <Container p={2}>
             <Alert status="warning" borderRadius={5}>
               <AlertIcon />
-              iOS用户提取歌曲困难，建议换用电脑操作；Android用户提取密钥需要root，也建议用电脑操作。
+              <Flex flexDir="column">
+                <Text>iOS 用户提取歌曲困难，建议换用电脑操作；</Text>
+                <Text>安卓用户提取密钥需要root，也建议用电脑操作。</Text>
+              </Flex>
             </Alert>
           </Container>
 
diff --git a/src/faq/SegmentAddKeyDropdown.tsx b/src/faq/SegmentAddKeyDropdown.tsx
index c529e82..b7ef6bd 100644
--- a/src/faq/SegmentAddKeyDropdown.tsx
+++ b/src/faq/SegmentAddKeyDropdown.tsx
@@ -5,7 +5,7 @@ import { VQuote } from '~/components/HelpText/VQuote';
 
 export function SegmentAddKeyDropdown() {
   return (
-    <Flex as="span" alignItems="center">
+    <Flex as="span" alignItems="center" flexWrap="wrap">
       按下<VQuote>添加一条密钥</VQuote>按钮
       <HiWord>右侧</HiWord>的
       <IconButton