Align tag colors

Author: Erik2609

assets/scss/_custom.scss

@@ -41,7 +41,7 @@
 	color: #005aa7;
 	font-style: normal;
 }
-.highlight-red-sm {
+.highlight-lightred-sm {
 	border: rgba(255, 255, 255, 0) 0.3rem solid;
 	border-radius: 0.75rem;
 	padding: 0.25rem 0.5rem !important;
@@ -52,6 +52,17 @@
 	background-color: rgba(255, 203, 189, 0.5);
 }
 
+.highlight-red-sm {
+	border: rgba(255, 255, 255, 0) 0.3rem solid;
+	border-radius: 0.75rem;
+	padding: 0.25rem 0.5rem !important;
+	color: #005aa7;
+	font-style: normal;
+	text-decoration: none !important;
+	
+	background-color: #FFCBBD;
+}
+
 .yellow-button {
 	margin-left: 20px;
 	background-color: #005aa7;

layouts/partials/landingpage/activityfeed.html

@@ -41,12 +41,12 @@ <h3 class="mb-2" style="color: #005aa7;">{{$item.title}}</h3>
                   <!-- metadata -->
                   <div class="row" style="position:relative;">
                     {{ if $item.date }}
-                    <span class="highlight-red">
+                    <span class="highlight-red-sm mr-3">
                       {{$item.date }}
                     </span>
                     {{ end }}
                     {{ if $item.type }}
-                    <span class="highlight-red">
+                    <span class="highlight-red-sm">
                       {{ $item.type }}
                     </span>
                     {{ end }}

static/js/quicknavigation.js

@@ -15,15 +15,15 @@ docReady(function () {
     let highestActiveIndex = -1;
     var scrollPos = $(this).scrollTop();
     quickLinks.each(function () {
-      $(this).removeClass("highlight-red-sm");
+      $(this).removeClass("highlight-lightred-sm");
     });
     sectionOffsets.each(function (index) {
       if (this > 0 && scrollPos >= this) {
         highestActiveIndex = index;
       }
     });
     if (highestActiveIndex >= 0) {
-      quickLinks.eq(highestActiveIndex).addClass("highlight-red-sm");
+      quickLinks.eq(highestActiveIndex).addClass("highlight-lightred-sm");
     }
   };
   $(window).on("scroll", setActiveSideNavigation);