Merge pull request #4110 from weseek/imprv/GW-6903-tag-shape

Imprv/gw 6903 tag shape

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

@@ -117,7 +117,7 @@ class RecentChanges extends React.Component {
             <i className="icon icon-reload"></i>
           </button>
         </div>
-        <div className="grw-sidebar-content-body p-3">
+        <div className="grw-sidebar-content-body grw-recent-changes p-3">
           <ul className="list-group list-group-flush">
             { recentlyUpdatedPages.map(page => <PageItem key={page.id} page={page} />) }
           </ul>

src/client/styles/scss/_tag.scss

@@ -17,3 +17,11 @@
     height: auto;
   }
 }
+
+.grw-recent-changes {
+  .grw-tag-label {
+    font-size: 10px;
+    font-weight: normal;
+    border-radius: $border-radius-sm;
+  }
+}

src/client/styles/scss/theme/_apply-colors.scss

@@ -264,10 +264,17 @@ ul.pagination {
     }
   }
 
-  .list-group {
-    .list-group-item {
-      .icon-lock {
-        color: $color-link;
+  .grw-recent-changes {
+    .list-group {
+      .list-group-item {
+        .grw-tag-label {
+          color: $secondary;
+          background-color: $gray-200;
+        }
+
+        .icon-lock {
+          color: $color-link;
+        }
       }
     }
   }