fix: Adjust layout and prevent default behavior in action buttons

web/app/components/datasets/documents/detail/completed/child-segment-list.tsx

@@ -135,7 +135,7 @@ const ChildSegmentList: FC<IChildSegmentCardProps> = ({
       </div>
       {isLoading ? <FullDocListSkeleton /> : null}
       {((isFullDocMode && !isLoading) || !collapsed)
-        ? <div className={classNames('flex items-center gap-x-0.5', isFullDocMode ? 'grow' : '')}>
+        ? <div className={classNames('flex items-center gap-x-0.5', isFullDocMode ? 'grow mb-6' : '')}>
           {isParagraphMode && (
             <div className='self-stretch my-0.5'>
               <Divider type='vertical' className='w-[2px] mx-[7px] bg-text-accent-secondary' />

web/app/components/datasets/documents/detail/completed/common/action-buttons.tsx

@@ -31,9 +31,9 @@ const ActionButtons: FC<IActionButtonsProps> = ({
   })
 
   useKeyPress(`${getKeyboardKeyCodeBySystem('ctrl')}.s`, (e) => {
+    e.preventDefault()
     if (loading)
       return
-    e.preventDefault()
     handleSave()
   }
   , { exactMatch: true, useCapture: true })

web/app/components/datasets/documents/detail/completed/index.tsx

@@ -538,7 +538,7 @@ const Completed: FC<ICompletedProps> = ({
       {
         isFullDocMode
           ? <div className={cn(
-            'flex flex-col grow relative overflow-x-hidden',
+            'flex flex-col grow overflow-x-hidden',
             (isLoadingSegmentList || isLoadingChildSegmentList) ? 'overflow-y-hidden' : 'overflow-y-auto',
           )}>
             <SegmentCard