Help links edit

src/app/core/header/header.component.html

@@ -35,8 +35,14 @@
     show-button
     alt="Help icon"
     matTooltip="Need help?"
-    matTooltipPosition="below"
-    show-default-content>
+    matTooltipPosition="below">
+    <div slot="myuw-help-content">
+      <div>
+        <a href="https://kb.wisc.edu/enrollment/page.php?id=86702"
+          >Recent changes</a>
+      </div>
+      <div><a href="/help">Help</a></div>
+    </div>
   </myuw-help>
 
   <div
@@ -44,10 +50,9 @@
     id="profile-and-menu-wrapper"
     ngClass.sm="show-three-dot-menu"
     ngClass.xs="show-three-dot-menu">
-
     <myuw-profile
       slot="myuw-profile"
-       alt="Profile icon"
+      alt="Profile icon"
       matTooltip="Profile"
       matTooltipPosition="below"
       session-endpoint=""
@@ -56,7 +61,10 @@
       background-color="#9B0000">
     </myuw-profile>
 
-    <button id="myuw-three-dot" mat-icon-button [matMenuTriggerFor]="mobileActionMenu">
+    <button
+      id="myuw-three-dot"
+      mat-icon-button
+      [matMenuTriggerFor]="mobileActionMenu">
       <mat-icon>more_horiz</mat-icon>
     </button>
   </div>
@@ -67,4 +75,4 @@
   <button mat-menu-item (click)="downloadPdf()">Download PDF</button>
   <button mat-menu-item (click)="addPlan()">Add degree plan</button>
   <button mat-menu-item (click)="addYear()">Add academic year</button>
-</mat-menu>
\ No newline at end of file
+</mat-menu>

src/app/core/header/header.component.scss

@@ -23,6 +23,13 @@ myuw-profile {
   left: 0;
 }
 
+myuw-help {
+  a {
+    color: #0479a8;
+    text-decoration: none;
+    background: transparent;
+  }
+}
 button#myuw-three-dot {
   width: 34px;
   height: 34px;