Merge pull request #8720 from weseek/fix/139426-page-rename-modal-content-margin

fix: 139426 page rename modal content margin

apps/app/src/components/PageRenameModal.tsx

@@ -209,12 +209,12 @@ const PageRenameModal = (): JSX.Element => {
 
     return (
       <>
-        <div>
-          <label className="form-label">{ t('modal_rename.label.Current page name') }</label><br />
-          <code>{ path }</code>
+        <div className="mb-3">
+          <label className="form-label w-100">{ t('modal_rename.label.Current page name') }</label>
+          <code className="fs-6">{ path }</code>
         </div>
-        <div>
-          <label htmlFor="newPageName" className="form-label">{ t('modal_rename.label.New page name') }</label><br />
+        <div className="mb-3">
+          <label htmlFor="newPageName" className="form-label w-100">{ t('modal_rename.label.New page name') }</label>
           <div className="input-group">
             <div>
               <span className="input-group-text">{siteUrl}</span>
@@ -241,15 +241,14 @@ const PageRenameModal = (): JSX.Element => {
                 )}
             </form>
           </div>
+          { isTargetPageDuplicate && (
+            <p className="text-danger">Error: Target path is duplicated.</p>
+          ) }
+          { isMatchedWithUserHomepagePath && (
+            <p className="text-danger">Error: Cannot move to directory under /user page.</p>
+          ) }
         </div>
 
-        { isTargetPageDuplicate && (
-          <p className="text-danger">Error: Target path is duplicated.</p>
-        ) }
-        { isMatchedWithUserHomepagePath && (
-          <p className="text-danger">Error: Cannot move to directory under /user page.</p>
-        ) }
-
         { !isV5Compatible(page.meta) && (
           <>
             <div className="form-check form-check-warning">