Adjust icons font size and yellow color used on the app

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

@@ -50,8 +50,8 @@
   .mat-icon {
     border-radius: 50%;
     text-align: center;
-    font-size: 18px;
-    line-height: 1.4;
+    font-size: 24px;
+    line-height: 1;
     &:hover,
     &:focus {
       opacity: 0.8;

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

@@ -39,7 +39,7 @@
 
     .material-icons {
       margin-right: 8px;
-      font-size: 16px;
+      font-size: 24px;
     }
   }
 }

src/app/degree-planner/term-container/term-container.component.scss

@@ -125,7 +125,7 @@
   width: 100%;
   padding: 10px;
   box-sizing: border-box;
-  border: solid 1.2px #f7c376;
+  border: solid 1.2px #ef6c00;
   background-color: white;
   border-radius: 5px;
   font-size: 14px;

src/assets/sass/general.scss

@@ -70,7 +70,7 @@ body {
 }
 
 .problem-icon {
-  color: #f7c376;
+  color: #ef6c00;
 }
 
 .cancel-icon {
@@ -91,9 +91,8 @@ body {
 .error-icon,
 .help-icon,
 .not-offered-icon {
-  font-size: 16px !important;
+  font-size: 24px !important;
   margin-left: 5px;
-  padding-top: 5px;
   &:hover,
   &:focus {
     cursor: default;