adjust styles

packages/app/src/components/IdenticalPathPage.tsx

@@ -81,7 +81,7 @@ const IdenticalPathPage:FC<IdenticalPathPageProps> = (props: IdenticalPathPagePr
         <IdenticalPathAlert path={currentPath} />
 
         <div className="page-list">
-          <ul className="page-list-ul list-group-flush">
+          <ul className="page-list-ul list-group list-group-flush">
             {pages.map((page) => {
               const pageId = page._id;
               const pageInfo = (idToPageInfoMap ?? {})[pageId];

packages/app/src/components/PageList/PageListItemL.tsx

@@ -84,7 +84,7 @@ export const PageListItemL = memo((props: Props): JSX.Element => {
             <div className="d-flex justify-content-between">
               {/* page path */}
               <PagePathHierarchicalLink linkedPagePath={linkedPagePathFormer} />
-              {showPageUpdatedTime && (<span className="list-item-updated-time">Updated: 0000/00/00 00:00:00</span>)}
+              {showPageUpdatedTime && (<span className="page-list-updated-at text-muted">Updated: 0000/00/00 00:00:00</span>)}
             </div>
             <div className="d-flex align-items-center mb-1">
               {/* Picture */}

packages/app/src/styles/_page_list.scss

@@ -71,6 +71,10 @@ body .page-list {
         }
       }
 
+      .page-list-updated-at {
+        font-size: 12px;
+      }
+
       &.list-group-item-action {
         border-left: solid 3px transparent;
       }

packages/app/src/styles/theme/_apply-colors.scss

@@ -20,7 +20,6 @@ $bgcolor-keyword-highlighted: $grw-marker-yellow !default;
 $bgcolor-page-list-group-item-active: lighten($primary, 76%) !default;
 $color-page-list-group-item-meta: $gray-500 !default;
 $color-search-page-list-title: $color-global !default;
-$color-page-list-snippet: $gray-600 !default;
 $bgcolor-subnav: darken($bgcolor-global, 3%) !default;
 
 // override bootstrap variables
@@ -517,6 +516,20 @@ ul.pagination {
   // List group
   .list-group {
     .list-group-item {
+      a {
+        color: $color-global;
+        svg {
+          fill: $color-global;
+        }
+
+        @include hover() {
+          color: $color-global;
+          svg {
+            fill: $color-global;
+          }
+        }
+      }
+
       .page-list-meta {
         color: $color-page-list-group-item-meta;
         svg {
@@ -525,7 +538,7 @@ ul.pagination {
       }
 
       .page-list-snippet {
-        color: $color-page-list-snippet;
+        color: $gray-600;
       }
 
       &.list-group-item-action {