125692 align page list meta right side

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

@@ -123,7 +123,7 @@ export const BookmarkItem = (props: Props): JSX.Element => {
       useDragMode={isOperable}
     >
       <li
-        className="grw-bookmark-item-list list-group-item list-group-item-action border-0 py-0 my-2 mr-auto d-flex align-items-center"
+        className="grw-bookmark-item-list list-group-item list-group-item-action border-0 py-0 my-2 align-items-center"
         key={bookmarkedPage._id}
         id={bookmarkItemId}
         style={{ paddingLeft }}

apps/app/src/components/PageList/PageListItemS.tsx

@@ -35,7 +35,7 @@ export const PageListItemS = (props: PageListItemSProps): JSX.Element => {
   if (isNarrowView) {
     pagePathElement = (
       <div className={`${styles['page-list']}`}>
-        <div className="mx-2 path-element">
+        <div className="mx-2 page-title">
           <Clamp lines={2}>
             <a className="text-break" href={page.path}>{pagePathElement}</a>
           </Clamp>
@@ -47,18 +47,14 @@ export const PageListItemS = (props: PageListItemSProps): JSX.Element => {
   return (
     <>
       {isNarrowView ? (
-        <div className={`${styles['page-list']}`}>
-          <div className="d-flex">
-            <UserPicture user={page.lastUpdateUser} noLink={noLink} />
-            <div className="page-path-element">
-              {pagePathElement}
-            </div>
-            <div>
-              <span className="ml-2 page-list-ul">
-                <PageListMeta page={page} />
-              </span>
-            </div>
+        <div className={`d-flex align-items-center ${styles['page-list']}`}>
+          <UserPicture user={page.lastUpdateUser} noLink={noLink} />
+          <div className="page-path-element">
+            {pagePathElement}
           </div>
+          <span className="ml-auto page-list-ul">
+            <PageListMeta page={page} />
+          </span>
         </div>
       ) : (
         <>

packages/ui/src/styles/molecules/_page_list.scss

@@ -91,7 +91,7 @@
     }
   }
 
-  .path-element {
+  .page-title {
     line-height: 1.2;
   }