82470 adjust list item position

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

@@ -100,9 +100,9 @@ const SearchResultListItem: FC<Props> = (props:Props) => {
   );
 
   return (
-    <li key={pageData._id} className={`page-list-li search-page-item w-100 list-group-item-action ${isSelected ? 'active' : ''}`}>
+    <li key={pageData._id} className={`page-list-li search-page-item w-100 list-group-item-action pl-2 ${isSelected ? 'active' : ''}`}>
       <a
-        className="d-block pt-3"
+        className="d-block py-4 h-100"
         href={pageId}
         onClick={() => onClickSearchResultItem != null && onClickSearchResultItem(pageData._id)}
       >

packages/app/src/styles/_search.scss

@@ -180,11 +180,10 @@
     .nav.nav-pills {
       > .page-list-li {
         &.active {
+          margin-left: -3px;
           border-left: solid 3px transparent;
         }
         > a {
-          height: 123px;
-          padding: 2px 4px;
           word-break: break-all;
 
           &:hover {