Fix: The buttons at the bottom of the dataset settings page are not visible on small screens #9638 (#9639)

### What problem does this PR solve?

Fix: The buttons at the bottom of the dataset settings page are not
visible on small screens #9638
### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/dataset/setting/chunk-method-learn-more.tsx

@@ -1,4 +1,5 @@
 import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
 import { X } from 'lucide-react';
 import { useState } from 'react';
 import CategoryPanel from './category-panel';
@@ -14,20 +15,22 @@ export default ({
 
   return (
     <div
-      style={{
-        display: tab === 'chunkMethodForm' ? 'block' : 'none',
-      }}
+      className={cn('hidden flex-1', {
+        'flex flex-col': tab === 'chunkMethodForm',
+      })}
     >
-      <Button
-        variant="outline"
-        onClick={() => {
-          setVisible(!visible);
-        }}
-      >
-        Learn More
-      </Button>
+      <div>
+        <Button
+          variant="outline"
+          onClick={() => {
+            setVisible(!visible);
+          }}
+        >
+          Learn More
+        </Button>
+      </div>
       <div
-        className="bg-[#FFF]/10 p-[20px] rounded-[12px] mt-[10px] relative"
+        className="bg-[#FFF]/10 p-[20px] rounded-[12px] mt-[10px] relative flex-1 overflow-auto"
         style={{ display: visible ? 'block' : 'none' }}
       >
         <CategoryPanel chunkMethod={parserId}></CategoryPanel>