From c30e334558173e6cb8f1f5df1fd44ca1f201abde Mon Sep 17 00:00:00 2001
From: markiianbabiak <63148103+markiianbabiak@users.noreply.github.com>
Date: Mon, 26 Aug 2024 21:31:25 +0300
Subject: [PATCH 1/2] Fixing the icon not showing up correctly

---
 frontend/src/app/components/dashboard/dashboard.component.html | 2 +-
 frontend/src/style/layout/_dashboard.scss                      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/dashboard/dashboard.component.html b/frontend/src/app/components/dashboard/dashboard.component.html
index 7dbf8153..a2740470 100644
--- a/frontend/src/app/components/dashboard/dashboard.component.html
+++ b/frontend/src/app/components/dashboard/dashboard.component.html
@@ -44,7 +44,7 @@ <h3 class="mat-title heading">My Projects</h3>
         >
           <div style="display:flex; flex-direction: row; align-items: center" >
             <mat-card-title class="title accent">
-              <mat-icon color="accent">grid_view</mat-icon>
+              <mat-icon style="min-width: fit-content;" color="accent">grid_view</mat-icon>
               <span>{{ project.name }}</span>
               <button 
               *ngIf="user && user.role === Role.TEACHER"
diff --git a/frontend/src/style/layout/_dashboard.scss b/frontend/src/style/layout/_dashboard.scss
index 4105022e..59429560 100644
--- a/frontend/src/style/layout/_dashboard.scss
+++ b/frontend/src/style/layout/_dashboard.scss
@@ -40,6 +40,7 @@ app-toolbar {
   line-height: 1.5;
   display: flex;
   align-items: flex-start;
+  justify-items: flex-start;
   gap: 0.25em;
 }
 

From de95e62ab3e6c10eef7fd3237797ce87225899d1 Mon Sep 17 00:00:00 2001
From: JoelWiebe <joel.p.wiebe@gmail.com>
Date: Thu, 29 Aug 2024 00:28:58 -0600
Subject: [PATCH 2/2] Fixed return to dashboard projectID undefined bug; fixed
 cancel x button clipping; temp fixed legacy slider display issue, temp fixed
 legacy radio buttons display checked issue; migrated legacy progress bars
 from legacy to fix display issue

---
 .../add-board-modal.component.scss            |  2 +-
 .../add-post-modal/add-post.component.scss    |  2 +-
 .../add-project-modal.component.scss          |  2 +-
 .../ck-buckets/ck-buckets.component.html      |  2 +-
 .../configuration-modal.component.scss        |  2 +-
 .../post-modal/post-modal.component.scss      |  2 +-
 ...project-configuration-modal.component.scss |  2 +-
 frontend/src/app/material-module.ts           |  2 +-
 frontend/src/styles.scss                      | 22 +++++++++++++++++++
 9 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/components/add-board-modal/add-board-modal.component.scss b/frontend/src/app/components/add-board-modal/add-board-modal.component.scss
index f056414f..c747fc78 100644
--- a/frontend/src/app/components/add-board-modal/add-board-modal.component.scss
+++ b/frontend/src/app/components/add-board-modal/add-board-modal.component.scss
@@ -1,6 +1,6 @@
 .cancel {
   padding-left: 10px;
-  width: 12px;
+  width: 15px;
   height: 15px;
   font-size: medium;
 }
diff --git a/frontend/src/app/components/add-post-modal/add-post.component.scss b/frontend/src/app/components/add-post-modal/add-post.component.scss
index 96e650a4..316fa547 100644
--- a/frontend/src/app/components/add-post-modal/add-post.component.scss
+++ b/frontend/src/app/components/add-post-modal/add-post.component.scss
@@ -4,7 +4,7 @@
 
 .cancel, .correct {
   padding-left: 10px;
-  width: 12px;
+  width: 15px;
   height: 15px;
   font-size: medium;
 }
diff --git a/frontend/src/app/components/add-project-modal/add-project-modal.component.scss b/frontend/src/app/components/add-project-modal/add-project-modal.component.scss
index 0a328c13..6a48be33 100644
--- a/frontend/src/app/components/add-project-modal/add-project-modal.component.scss
+++ b/frontend/src/app/components/add-project-modal/add-project-modal.component.scss
@@ -1,6 +1,6 @@
 .cancel {
   padding-left: 10px;
-  width: 12px;
+  width: 15px;
   height: 15px;
   font-size: medium;
 }
diff --git a/frontend/src/app/components/ck-buckets/ck-buckets.component.html b/frontend/src/app/components/ck-buckets/ck-buckets.component.html
index a1aae9ef..24cd5955 100644
--- a/frontend/src/app/components/ck-buckets/ck-buckets.component.html
+++ b/frontend/src/app/components/ck-buckets/ck-buckets.component.html
@@ -11,7 +11,7 @@
 </app-toolbar>
 <div class="container d-flex align-items-center justify-content-center">
     <div class="heading">
-      <button
+      <button *ngIf="project"
         mat-icon-button
         routerLink="{{'/project/'+project.projectID}}"
         aria-label="Return to Dashboard"
diff --git a/frontend/src/app/components/configuration-modal/configuration-modal.component.scss b/frontend/src/app/components/configuration-modal/configuration-modal.component.scss
index 64c68e70..7750c1da 100644
--- a/frontend/src/app/components/configuration-modal/configuration-modal.component.scss
+++ b/frontend/src/app/components/configuration-modal/configuration-modal.component.scss
@@ -71,7 +71,7 @@
 
 .cancel {
   padding-left: 10px;
-  width: 12px;
+  width: 15px;
   height: 15px;
   font-size: medium;
 }
diff --git a/frontend/src/app/components/post-modal/post-modal.component.scss b/frontend/src/app/components/post-modal/post-modal.component.scss
index f566469a..8aa7414d 100644
--- a/frontend/src/app/components/post-modal/post-modal.component.scss
+++ b/frontend/src/app/components/post-modal/post-modal.component.scss
@@ -59,7 +59,7 @@
 
 .cancel {
   padding-left: 10px;
-  width: 12px;
+  width: 15px;
   height: 15px;
   font-size: medium;
 }
diff --git a/frontend/src/app/components/project-configuration-modal/project-configuration-modal.component.scss b/frontend/src/app/components/project-configuration-modal/project-configuration-modal.component.scss
index 838c43e6..4917b320 100644
--- a/frontend/src/app/components/project-configuration-modal/project-configuration-modal.component.scss
+++ b/frontend/src/app/components/project-configuration-modal/project-configuration-modal.component.scss
@@ -4,7 +4,7 @@
 
 .cancel {
   padding-left: 10px;
-  width: 12px;
+  width: 15px;
   height: 15px;
   font-size: medium;
 }
diff --git a/frontend/src/app/material-module.ts b/frontend/src/app/material-module.ts
index 180bffe9..0549537b 100644
--- a/frontend/src/app/material-module.ts
+++ b/frontend/src/app/material-module.ts
@@ -17,7 +17,7 @@ import { MatLegacyAutocompleteModule as MatAutocompleteModule } from '@angular/m
 import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
-import { MatLegacyProgressBarModule as MatProgressBarModule } from '@angular/material/legacy-progress-bar';
+import { MatProgressBarModule as MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatLegacySlideToggleModule as MatSlideToggleModule } from '@angular/material/legacy-slide-toggle';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatLegacyRadioModule as MatRadioModule } from '@angular/material/legacy-radio';
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index b7580a12..424b1ebe 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -72,3 +72,25 @@ a {
 .wide-snackbar {
   max-width: 75% !important;
 }
+
+/* mat-slider - temp legacy fix */
+.slider .mat-slider-track-wrapper {
+  background-color: #3a34b3;
+}
+
+.slider .mat-slider-thumb {
+  background-color: #f44336;
+}
+
+.slider .mat-slider-thumb-label {
+  background-color: #f44336;
+}
+
+.slider .mat-slider-thumb-label-text {
+  color: white;
+}
+
+/* radio button - temp legacy fix */
+.mat-radio-checked .mat-radio-inner-circle {
+  background-color: #3a34b3;
+}
\ No newline at end of file