diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
index 4eca3ec..1afbf78 100644
--- a/Views/Home/Index.cshtml
+++ b/Views/Home/Index.cshtml
@@ -33,7 +33,7 @@
- Live Feed
+ Live Game Feed
diff --git a/app/shared/directives/highlight.directive.ts b/app/shared/directives/highlight.directive.ts
index c3c4741..09a6867 100644
--- a/app/shared/directives/highlight.directive.ts
+++ b/app/shared/directives/highlight.directive.ts
@@ -6,11 +6,15 @@ import { Directive, ElementRef, HostListener, Input, Renderer } from '@angular/c
export class HighlightDirective {
constructor(private el: ElementRef, private renderer: Renderer) {
let self = this;
- self.renderer.setElementClass(this.el.nativeElement, 'feed-highlight', true);
- setTimeout(function() {
- self.renderer.setElementClass(self.el.nativeElement,'feed-highlight-light', true);
- }, 1000);
- }
+ self.renderer.setElementClass(this.el.nativeElement, 'feed-highlight', true);
+ let horn = document.getElementById('horn');
+ horn.className += ' orange';
+ setTimeout(function () {
+ self.renderer.setElementClass(self.el.nativeElement, 'feed-highlight-light', true);
+
+ document.getElementById("horn").className = document.getElementById("horn").className.replace(/(?:^|\s)orange(?!\S)/g, '')
+ }, 1000);
+ }
private highlight(color: string) {
this.renderer.setElementStyle(this.el.nativeElement, 'backgroundColor', color);
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index f09005d..e3ccb2a 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -79,4 +79,8 @@ footer {
background-color: #222222;
bottom: 0;
width: 100%;
+}
+
+.orange {
+ color: #ff5525;
}
\ No newline at end of file