From 3fb620543a5e459733075252567139388b2165fe Mon Sep 17 00:00:00 2001
From: vraj545 <vrpatel545@gmail.com>
Date: Tue, 3 Mar 2026 19:39:06 -0500
Subject: [PATCH] Updated UI and title in homepage

---
 .../desktop/components/add-goal-modal/add-goal-modal.html  | 4 ++--
 .../desktop/components/add-goal-modal/add-goal-modal.scss  | 5 +++++
 .../components/add-student-modal/add-student-modal.html    | 2 +-
 .../components/student-card-list/student-card-list.html    | 1 +
 .../components/student-card-list/student-card-list.scss    | 7 ++++++-
 5 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/ui/winstudentgoaltracker/src/app/desktop/components/add-goal-modal/add-goal-modal.html b/ui/winstudentgoaltracker/src/app/desktop/components/add-goal-modal/add-goal-modal.html
index e820cbd..22b4906 100644
--- a/ui/winstudentgoaltracker/src/app/desktop/components/add-goal-modal/add-goal-modal.html
+++ b/ui/winstudentgoaltracker/src/app/desktop/components/add-goal-modal/add-goal-modal.html
@@ -9,7 +9,7 @@
     <form class="modal-body" (ngSubmit)="onSubmit()" #goalForm="ngForm">
 
         <div class="field">
-            <label for="title">Title</label>
+            <label for="title">Title<span class="required">*</span></label>
             <input
                 id="title"
                 type="text"
@@ -21,7 +21,7 @@
         </div>
 
         <div class="field">
-            <label for="category">Category</label>
+            <label for="category">Category<span class="required">*</span></label>
             <input
                 id="category"
                 type="text"
diff --git a/ui/winstudentgoaltracker/src/app/desktop/components/add-goal-modal/add-goal-modal.scss b/ui/winstudentgoaltracker/src/app/desktop/components/add-goal-modal/add-goal-modal.scss
index 1375b7a..c652855 100644
--- a/ui/winstudentgoaltracker/src/app/desktop/components/add-goal-modal/add-goal-modal.scss
+++ b/ui/winstudentgoaltracker/src/app/desktop/components/add-goal-modal/add-goal-modal.scss
@@ -139,3 +139,8 @@
     opacity: 0.55;
     cursor: not-allowed;
 }
+
+.required {
+    color: red;
+    margin-left: 4px;
+}
diff --git a/ui/winstudentgoaltracker/src/app/desktop/components/add-student-modal/add-student-modal.html b/ui/winstudentgoaltracker/src/app/desktop/components/add-student-modal/add-student-modal.html
index ce8c23f..904794f 100644
--- a/ui/winstudentgoaltracker/src/app/desktop/components/add-student-modal/add-student-modal.html
+++ b/ui/winstudentgoaltracker/src/app/desktop/components/add-student-modal/add-student-modal.html
@@ -22,7 +22,7 @@
 
         <div class="field">
             <label for="programYear">Program Year</label>
-            <input
+            <input   
                 id="programYear"
                 type="number"
                 [(ngModel)]="form.programYear"
diff --git a/ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.html b/ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.html
index 767aa02..d4dd7ed 100644
--- a/ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.html
+++ b/ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.html
@@ -1,4 +1,5 @@
 <div class="toolbar">
+    <h1 class= "page-title"> Students</h1>
     <button class="toolbar-btn" (click)="onAddStudent()">+ Add a Student</button>
 </div>
 
diff --git a/ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.scss b/ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.scss
index 559d66b..acea3ce 100644
--- a/ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.scss
+++ b/ui/winstudentgoaltracker/src/app/desktop/components/student-card-list/student-card-list.scss
@@ -7,7 +7,7 @@
 .toolbar {
     display: flex;
     align-items: center;
-    justify-content: flex-end;
+    justify-content: space-between;
     height: 40px;
     padding-right: 0.5rem;
     border-radius: 8px;
@@ -16,6 +16,11 @@
     margin-bottom: 1rem;
     flex-shrink: 0;
 }
+.page-title {
+    font-size: 24px;
+    font-weight: 600;
+    margin: 0;
+}
 
 .toolbar-btn {
     padding: 0.375rem 0.75rem;