125692 put icon and count to right side

apps/app/src/components/Admin/UserGroupDetail/UserGroupPageList.tsx

@@ -50,7 +50,7 @@ const UserGroupPageList = (props: Props): JSX.Element => {
   return (
     <>
       <ul className="page-list-ul page-list-ul-flat mb-3">
-        {currentPages.map(page => <li key={page._id}><PageListItemS page={page} /></li>)}
+        {currentPages.map(page => <li key={page._id} className="mt-4"><PageListItemS page={page} /></li>)}
       </ul>
       {relatedPages != null && relatedPages.length === 0 ? <p>{t('user_group_management.no_pages')}</p> : (
         <PaginationWrapper

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

@@ -25,29 +25,27 @@ export const PageListItemS = (props: PageListItemSProps): JSX.Element => {
   }
 
   return (
-    <>
+    <div style={{ display: 'flex', alignItems: 'center' }}>
       <UserPicture user={page.lastUpdateUser} noLink={noLink} />
-      <div style={{ display: 'flex', alignItems: 'center' }}>
-        <div
-          className="mx-2"
-          style={{
-            display: '-webkit-box',
-            WebkitLineClamp: 3,
-            WebkitBoxOrient: 'vertical',
-            overflow: 'hidden',
-            lineHeight: '1.2',
-            flex: 1,
-          }}
-        >
-          {pagePathElement}
-        </div>
-        <div>
-          <span className="ml-2">
-            <PageListMeta page={page} />
-          </span>
-        </div>
+      <div
+        className="mx-2"
+        style={{
+          display: '-webkit-box',
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: 'vertical',
+          overflow: 'hidden',
+          lineHeight: '1.2',
+          flex: 1,
+        }}
+      >
+        {pagePathElement}
       </div>
-    </>
+      <div>
+        <span className="ml-2">
+          <PageListMeta page={page} />
+        </span>
+      </div>
+    </div>
   );
 
 };