77804 change icon color

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

@@ -19,7 +19,7 @@ $color-btn-reload-in-sidebar: $gray-500;
 $bgcolor-keyword-highlighted: $grw-marker-yellow !default;
 $bordercolor-search-item-left-active: $primary;
 $bgcolor-search-item-active: lighten($bordercolor-search-item-left-active, 76%);
-$svg-fill-color: #3f474e;
+$color-pagelist-meta: $gray-500 !default;
 
 // override bootstrap variables
 $body-bg: $bgcolor-global;
@@ -602,8 +602,12 @@ body.pathname-sidebar {
         }
       }
       .page-list-meta {
+        color: $color-pagelist-meta;
         svg {
-          fill: $svg-fill-color;
+          fill: $color-pagelist-meta;
+        }
+        > span {
+          margin-right: 10px;
         }
       }
     }

packages/ui/src/components/PagePath/PageListMeta.jsx

@@ -41,10 +41,10 @@ export class PageListMeta extends React.Component {
     let seenUserCount;
     if (page.seenUserCount > 0) {
       seenUserCount = (
-        <>
+        <span>
           <span className="footstamp-icon"><FootstampIcon /></span>
           {page.seenUsers.length}
-        </>
+        </span>
       );
     }
 
@@ -52,10 +52,10 @@ export class PageListMeta extends React.Component {
       <span className="page-list-meta">
         {topLabel}
         {templateLabel}
+        {seenUserCount}
         {commentCount}
         {likerCount}
         {locked}
-        {seenUserCount}
       </span>
     );
   }