pr to pe

apps/app/src/components/Admin/UserGroupDetail/UserGroupUserFormByInput.jsx

@@ -116,7 +116,7 @@ class UserGroupUserFormByInput extends React.Component {
 
     return (
       <div className="form-group row">
-        <div className="col-8 pr-0">
+        <div className="col-8 pe-0">
           <AsyncTypeahead
             {...this.props}
             id="name-typeahead-asynctypeahead"

apps/app/src/components/Bookmarks/BookmarkFolderItem.tsx

@@ -222,7 +222,7 @@ export const BookmarkFolderItem: FC<BookmarkFolderItemProps> = (props: BookmarkF
         isDropable={isDropable}
       >
         <li
-          className="list-group-item list-group-item-action border-0 py-0 pr-3 d-flex align-items-center"
+          className="list-group-item list-group-item-action border-0 py-0 pe-3 d-flex align-items-center"
           onClick={loadChildFolder}
           style={{ paddingLeft }}
         >

apps/app/src/components/Navbar/GrowiSubNavigation.tsx

@@ -62,7 +62,7 @@ export const GrowiSubNavigation = (props: GrowiSubNavigationProps): JSX.Element
       {/* Left side */}
       <div className="d-flex grw-subnav-start-side">
         { (showDrawerToggler && isDrawerMode) && (
-          <div className={`d-none d-md-flex align-items-center ${isEditorMode ? 'me-2 pr-2' : 'border-end me-4 pr-4'}`}>
+          <div className={`d-none d-md-flex align-items-center ${isEditorMode ? 'me-2 pe-2' : 'border-end me-4 pe-4'}`}>
             <DrawerToggler />
           </div>
         ) }

apps/app/src/components/PageHistory/RevisionDiff.tsx

@@ -50,10 +50,10 @@ export const RevisionDiff = (props: RevisioinDiffProps): JSX.Element => {
   return (
     <div className={`${styles['revision-diff-container']}`}>
       <div className="comparison-header">
-        <div className="container pt-1 pr-0">
+        <div className="container pt-1 pe-0">
           <div className="row">
             <div className="col comparison-source-wrapper pt-1 px-0">
-              <span className="comparison-source pr-3">{t('page_history.comparing_source')}</span><UserDate dateTime={previousRevision.createdAt} />
+              <span className="comparison-source pe-3">{t('page_history.comparing_source')}</span><UserDate dateTime={previousRevision.createdAt} />
               <Link
                 href={urljoin(returnPathForURL(currentPagePath, currentPageId), `?revisionId=${previousRevision._id}`)}
                 className="ms-3"
@@ -64,7 +64,7 @@ export const RevisionDiff = (props: RevisioinDiffProps): JSX.Element => {
               </Link>
             </div>
             <div className="col comparison-target-wrapper pt-1">
-              <span className="comparison-target pr-3">{t('page_history.comparing_target')}</span><UserDate dateTime={currentRevision.createdAt} />
+              <span className="comparison-target pe-3">{t('page_history.comparing_target')}</span><UserDate dateTime={currentRevision.createdAt} />
               <Link
                 href={urljoin(returnPathForURL(currentPagePath, currentPageId), `?revisionId=${currentRevision._id}`)}
                 className="ms-3"

apps/app/src/components/SearchForm.tsx

@@ -35,7 +35,7 @@ const SearchFormHelp: FC<SearchFormHelpProps> = React.memo((props: SearchFormHel
   return (
     <table className={`${styles['grw-search-table']} table grw-search-table search-help m-0`}>
       <caption className="text-left text-primary p-2">
-        <h5 className="h6"><i className="icon-magnifier pr-2 mb-2" />{ t('search_help.title') }</h5>
+        <h5 className="h6"><i className="icon-magnifier pe-2 mb-2" />{ t('search_help.title') }</h5>
       </caption>
       <tbody>
         <tr>

apps/app/src/components/Sidebar/PageTree/Item.tsx

@@ -428,7 +428,7 @@ const Item: FC<ItemProps> = (props: ItemProps) => {
     >
       <li
         ref={(c) => { drag(c); drop(c) }}
-        className={`list-group-item list-group-item-action border-0 py-0 pr-3 d-flex align-items-center
+        className={`list-group-item list-group-item-action border-0 py-0 pe-3 d-flex align-items-center
         ${page.isTarget ? 'grw-pagetree-current-page-item' : ''}`}
         id={page.isTarget ? 'grw-pagetree-current-page-item' : `grw-pagetree-list-${page._id}`}
       >

apps/app/src/components/Sidebar/PageTree/PageTreeContentSkeleton.tsx

@@ -8,9 +8,9 @@ const PageTreeContentSkeleton = (): JSX.Element => {
 
   return (
     <ul className={`grw-pagetree ${styles['grw-pagetree']} list-group py-3`}>
-      <Skeleton additionalClass={`${styles['grw-pagetree-item-skeleton-text']} pr-3`} />
-      <Skeleton additionalClass={`${styles['grw-pagetree-item-skeleton-text-child']} pr-3`} />
-      <Skeleton additionalClass={`${styles['grw-pagetree-item-skeleton-text-child']} pr-3`} />
+      <Skeleton additionalClass={`${styles['grw-pagetree-item-skeleton-text']} pe-3`} />
+      <Skeleton additionalClass={`${styles['grw-pagetree-item-skeleton-text-child']} pe-3`} />
+      <Skeleton additionalClass={`${styles['grw-pagetree-item-skeleton-text-child']} pe-3`} />
     </ul>
   );
 };