fix: layout issue with android instruction in mobile screen

src/components/AndroidADBPullInstruction/RootExplorerGuide.tsx

@@ -9,10 +9,10 @@ export function RootExplorerGuide() {
       <div className="flex flex-col items-start gap-4 @md:flex-row">
         <div>
           <Header5 className="[&]:mt-0 [&]:pt-0">Amaze 文件浏览器</Header5>
-          <ul className="ml-2 list-disc list-inside">
+          <ul className="ml-2 list-disc">
             <li>
-              <div className="inline-flex items-center gap-1">
-                点触主界面左上角的 <FiMenu /> 打开侧边栏
+              <div className="inline-flex items-center flex-wrap">
+                点触主界面左上角的 <FiMenu className="m-1" /> 打开侧边栏
               </div>
             </li>
             <li>
@@ -41,16 +41,16 @@ export function RootExplorerGuide() {
         </div>
         <div>
           <Header5 className="[&]:mt-0 [&]:pt-0">MT 管理器</Header5>
-          <ul className="ml-2 list-disc list-inside">
+          <ul className="ml-2 list-disc">
             <li>
-              <div className="inline-flex items-center gap-1">
-                点触主界面左上角的 <FiMenu /> 打开侧边栏
+              <div className="inline-flex items-center flex-wrap">
+                点触主界面左上角的 <FiMenu className="m-1" /> 打开侧边栏
               </div>
             </li>
             <li>
-              <div className="inline-flex items-center">
+              <div className="inline-flex items-center flex-wrap">
                 点触侧边栏右上方的 <FiMoreVertical className="ml-1" />
-                ，点触<VQuote>设置</VQuote>
+                弹出菜单，点触<VQuote>设置</VQuote>
               </div>
             </li>
             <li>

src/components/Footer.tsx

@@ -5,7 +5,7 @@ export function Footer() {
   const appVersionShort = '__APP_VERSION_SHORT__';
   return (
     <footer className="flex flex-col text-center p-4 bg-base-200">
-      <p className="flex flex-row justify-center items-center h-[1em]">
+      <div className="flex flex-row justify-center items-center h-[1em]">
         <a className="link link-info mr-1" href="https://git.um-react.app/um/um-react">
           音乐解锁
         </a>
@@ -19,7 +19,7 @@ export function Footer() {
         </a>
         , v{appVersionShort}
         <SDKVersion />)
-      </p>
+      </div>
       <p>
         {'© 2019 - '}
         <CurrentYear />

src/faq/OtherFAQ.tsx

@@ -16,7 +16,7 @@ export function OtherFAQ() {
       <div className="flex flex-col md:flex-row gap-2 md:gap-8">
         <div>
           <Header4>已知有问题的浏览器</Header4>
-          <ul className="list-disc list-inside pl-2">
+          <ul className="list-disc pl-8">
             <li>Via 浏览器</li>
             <li>夸克浏览器</li>
             <li>UC 浏览器</li>
@@ -25,7 +25,7 @@ export function OtherFAQ() {
 
         <div>
           <Header4>可能会遇到的问题包括</Header4>
-          <ul className="list-disc list-inside pl-2">
+          <ul className="list-disc pl-8">
             <li>网页白屏</li>
             <li>无法下载解密后内容</li>
             <li>下载的文件名错误</li>