new styles file

src/client/js/components/Sidebar/RecentChanges.jsx

@@ -85,9 +85,9 @@ class RecentChanges extends React.Component {
             </h5>
             <div className="my-2">
               <span className="footstamp-icon mr-1"><FootstampIcon /></span>
-              <span className="seen-user-count mr-2">{page.seenUsers.length}</span>
+              <span className="seen-user-count mr-2 list-counts">{page.seenUsers.length}</span>
               <i className="icon-bubble mr-1"></i>
-              <span className="mr-2">{page.commentCount}</span>
+              <span className="mr-2 list-counts">{page.commentCount}</span>
               { tagElements }
               <div className="pull-right small">
                 <FormattedDistanceDate id={page.id} date={page.updatedAt} />

src/client/styles/scss/_recent-changes.scss

@@ -0,0 +1,15 @@
+.list-group {
+  .list-group-item {
+    .footstamp-icon {
+      svg {
+        width: 13.92px;
+        height: 13.95px;
+        viewbox: 0 0 13.9 13.9;
+      }
+    }
+
+    .list-counts {
+      font-size: 12px;
+    }
+  }
+}

src/client/styles/scss/style-app.scss

@@ -56,6 +56,7 @@
 @import 'page';
 @import 'page-presentation';
 @import 'page-history';
+@import 'recent-changes';
 @import 'search';
 @import 'shortcuts';
 @import 'sidebar';

src/client/styles/scss/theme/mixins/_list-group.scss

@@ -14,18 +14,6 @@
           background-color: $bgcolor-active;
         }
       }
-
-      .footstamp-icon {
-        svg {
-          width: 13.92px;
-          height: 13.95px;
-          viewbox: 0 0 13.9 13.9;
-        }
-      }
-
-      .mr-2 {
-        font-size: 12px;
-      }
     }
   }
 }