Remove redundant tooltips and adjust position of remining once to match mobile view

src/app/degree-planner/degree-planner.component.html

@@ -64,7 +64,7 @@
               aria-label="Degree plan settings"
               alt="Degree plan settings"
               matTooltip="Plan settings"
-              matTooltipPosition="right"
+              matTooltipPosition="above"
               >settings</mat-icon>
           </button>
           <mat-menu #degreePlanMenu="matMenu">
@@ -103,10 +103,10 @@
           <div id="year-mask" *ngIf="(isLoadingPlan$ | async)"></div>
           <div id="plan-controls">
             <div id="grades-toggle-wrapper">
-                <mat-slide-toggle 
-                  color="primary" 
-                  labelPosition="before" 
-                  [checked]="showGrades$ | async" 
+                <mat-slide-toggle
+                  color="primary"
+                  labelPosition="before"
+                  [checked]="showGrades$ | async"
                   (change)="changeGradeVisibility($event)">
                   Show Grades
                 </mat-slide-toggle>

src/app/degree-planner/shared/course-item/course-item.component.html

@@ -81,7 +81,7 @@
           aria-label="Open course menu"
           [matMenuTriggerFor]="courseMenu"
           (menuOpened)="onMenuOpen()">
-          <mat-icon aria-label="Course menu" alt="Course menu" matTooltip="Course menu" matTooltipPosition="right">
+          <mat-icon aria-label="Course menu" alt="Course menu" matTooltip="Course menu" matTooltipPosition="above">
             more_horiz
           </mat-icon>
         </button>

src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html

@@ -9,9 +9,7 @@
       <mat-list-item role="listitem">
         <i
           class="material-icons in-progress-icon"
-          alt="Course is in progress"
-          matTooltip="Course is in progress"
-          matTooltipPosition="left">
+          alt="Course is in progress">
           check_circle
         </i>
         Course is in progress
@@ -19,9 +17,7 @@
       <mat-list-item role="listitem">
         <i
           class="material-icons problem-icon"
-          alt="Course is waitlisted"
-          matTooltip="Course is waitlisted"
-          matTooltipPosition="left">
+          alt="Course is waitlisted">
           report_problem
         </i>
         Course is waitlisted
@@ -29,9 +25,7 @@
       <mat-list-item role="listitem">
         <i
           class="material-icons incomplete-icon"
-          alt="Course is incomplete"
-          matTooltip="Course is incomplete"
-          matTooltipPosition="left">
+          alt="Course is incomplete">
           cancel
         </i>
         Course is incomplete
@@ -39,9 +33,7 @@
       <mat-list-item role="listitem">
         <i
           class="material-icons error-icon"
-          alt="Course is not offered in term"
-          matTooltip="Course is not offered in term"
-          matTooltipPosition="left">
+          alt="Course is not offered in term">
           error
         </i>
         Course is not offered in term
@@ -49,9 +41,7 @@
       <mat-list-item>
         <i
           class="material-icons not-offered-icon"
-          alt="Course is no longer offered"
-          matTooltip="Course is no longer offered"
-          matTooltipPosition="left">
+          alt="Course is no longer offered">
           not_interested
         </i>
         Course is no longer offered
@@ -67,17 +57,14 @@
     </mat-expansion-panel-header>
     <div>
       <a mat-button class="sidenav-link-btn" target="_blank" href="/api/degreeplanpdf?roadmapId={{ planId }}">
-        <i aria-hidden="true" class="material-icons" alt="create pdf" matTooltip="Create a PDF" matTooltipPosition="left">picture_as_pdf</i>
+        <i aria-hidden="true" class="material-icons" alt="create pdf">picture_as_pdf</i>
         Create PDF
       </a>
       <button mat-button aria-label="Add degree plan" class="sidenav-link-btn" (click)="onCreatePlanClick()">
         <i
           aria-hidden="true"
           class="material-icons"
-          alt="Add degree plan"
-          matTooltip="Add degree plan"
-          matTooltipPosition="left"
-          >add_box</i>
+          alt="Add degree plan">add_box</i>
         Add Degree Plan
       </button>
       <button mat-button aria-label="Add academic year" class="sidenav-link-btn" (click)="onAddAcademicYear()">
@@ -85,8 +72,6 @@
           aria-labelledby="addAcademicYearTitle addAcademicYearDesc"
           role="img"
           alt="Add Academic Year"
-          matTooltip="Add academic year"
-          matTooltipPosition="left"
           style="width:24px;height:24px"
           viewBox="0 0 24 24">
           <title id="addAcademicYearTitle">Add academic year</title>