adjust search item text

packages/app/src/components/SearchPage/SearchResultListItem.tsx

@@ -66,14 +66,15 @@ const SearchResultListItem: FC<Props> = (props:Props) => {
               <i className="icon-fw icon-home"></i>
               {pagePathElem}
             </div>
-            <div className="d-flex my-1 align-items-center">
-              {/* page title */}
-              <h3 className="mb-0">
+            <div className="d-flex align-items-center mb-2">
+              {/* Picture */}
+              <span className="user-picture mr-2">
                 <UserPicture user={pageData.lastUpdateUser} />
-                <span className="mx-2 search-result-page-title">{dPagePath.latter}</span>
-              </h3>
+              </span>
+              {/* page title */}
+              <span className="item-title mr-2">{dPagePath.latter}</span>
               {/* page meta */}
-              <div className="d-flex mx-2">
+              <div className="d-flex item-meta">
                 <PageListMeta page={pageData} bookmarkCount={pageMeta.bookmarkCount} />
               </div>
               {/* doropdown icon includes page control buttons */}
@@ -81,7 +82,7 @@ const SearchResultListItem: FC<Props> = (props:Props) => {
                 <PageItemControl page={pageData} onClickDeleteButton={props.onClickDeleteButton} isEnableActions={isEnableActions} />
               </div>
             </div>
-            <div className="my-2 search-result-list-snippet">
+            <div className="search-result-list-snippet">
               {
                 pageMeta.elasticSearchResult != null && (
                   <Clamp lines={2}>

packages/app/src/styles/_search.scss

@@ -201,7 +201,9 @@
         }
         .page-list-meta {
           > span {
-            margin-right: 12px;
+            width: 14px;
+            height: 14px;
+            margin-right: 14px;
           }
           .footstamp-icon {
             margin-right: 2px;
@@ -232,6 +234,20 @@
       font-size: 12px;
       line-height: 18px;
     }
+    .user-picture {
+      width: 20px;
+      height: 20px;
+    }
+    .item-title {
+      font-size: 17.5px;
+      line-height: 26px;
+    }
+    .item-meta {
+      padding: 0 4px;
+    }
+    .search-result-list-snippet {
+      line-height: 20px;
+    }
   }
   .search-result-content {
     padding-bottom: 36px;