125587 add margin to pagePathElement

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 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 mr-auto d-flex align-items-center"
         key={bookmarkedPage._id}
         id={bookmarkItemId}
         style={{ paddingLeft }}

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

@@ -19,7 +19,7 @@ export const PageListItemS = (props: PageListItemSProps): JSX.Element => {
 
   const path = pageTitle != null ? pageTitle : page.path;
 
-  let pagePathElement = <PagePathLabel path={path} additionalClassNames={['mx-1']} />;
+  let pagePathElement = <PagePathLabel path={path} additionalClassNames={['mx-0']} />;
   if (!noLink) {
     pagePathElement = <a className="text-break" href={page.path}>{pagePathElement}</a>;
   }
@@ -27,7 +27,9 @@ export const PageListItemS = (props: PageListItemSProps): JSX.Element => {
   return (
     <>
       <UserPicture user={page.lastUpdateUser} noLink={noLink} />
-      {pagePathElement}
+      <div className="mx-2">
+        {pagePathElement}
+      </div>
       <span className="ml-2">
         <PageListMeta page={page} />
       </span>