use PageListItemL

packages/app/src/components/PageList/PageList.tsx

@@ -4,8 +4,8 @@ import { useTranslation } from 'react-i18next';
 import { IPageHasId } from '~/interfaces/page';
 import { IPagingResult } from '~/interfaces/paging-result';
 
-import PageListItemS from './PageListItemS';
-import PaginationWrapper from '../PaginationWrapper';
+import { PageListItemL } from './PageListItemL';
+
 
 
 type Props = {
@@ -27,9 +27,7 @@ const PageList = (props: Props): JSX.Element => {
   }
 
   const pageList = pages.items.map(page => (
-    <li key={page._id} className={liClassesStr}>
-      <PageListItemS page={page} />
-    </li>
+    <PageListItemL page={{ pageData: page }} />
   ));
 
   if (pageList.length === 0) {

packages/app/src/components/PageList/PageListItemL.tsx

@@ -93,7 +93,7 @@ export const PageListItemL: FC<Props> = memo((props:Props) => {
               />
             </div>
           )}
-          <div className="search-item-text p-md-3 pl-2 py-3 pr-3">
+          <div className="flex-grow-1 p-md-3 pl-2 py-3 pr-3">
             {/* page path */}
             <h6 className="mb-1 py-1 d-flex">
               <a className="d-inline-block" href={pagePath.isRoot ? pagePath.latter : pagePath.former}>