From f38e6f06101b55827c47f7d012dfb87fba9f7728 Mon Sep 17 00:00:00 2001
From: Ben Stein <bsstein@sei.cmu.edu>
Date: Fri, 13 Oct 2023 10:38:39 -0400
Subject: [PATCH] Clearer labeling on the sponsor edit form.

---
 .../sponsor-edit-form/sponsor-edit-form.component.html | 10 ++++++----
 .../sponsor-edit-form/sponsor-edit-form.component.scss |  4 ++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/projects/gameboard-ui/src/app/sponsors/components/sponsor-edit-form/sponsor-edit-form.component.html b/projects/gameboard-ui/src/app/sponsors/components/sponsor-edit-form/sponsor-edit-form.component.html
index 0d02a6d7..177e8eab 100644
--- a/projects/gameboard-ui/src/app/sponsors/components/sponsor-edit-form/sponsor-edit-form.component.html
+++ b/projects/gameboard-ui/src/app/sponsors/components/sponsor-edit-form/sponsor-edit-form.component.html
@@ -6,14 +6,16 @@
             </div>
         </app-dropzone>
     </div>
-    <div class="form-group m-0 p-0 flex-grow-1">
-        <input type="text" class="form-control" id="name" placeholder="Sponsor name" required maxlength="200"
+    <div class="form-group input-with-label p-0 flex-grow-1">
+        <label for="name">Name</label>
+        <input type="text" class="form-control" id="name" placeholder="Enter a sponsor name" required maxlength="200"
             [(ngModel)]="upsertSponsorRequest.name">
     </div>
 
-    <div class="form-group px-0 mx-2 mt-2">
+    <div class="form-group px-0 mx-2 input-with-label">
+        <label for="parentSponsorId">Parent Sponsor</label>
         <select name="parentSponsorId" class="form-control" [(ngModel)]="upsertSponsorRequest.parentSponsorId">
-            <option [ngValue]="undefined">[no parent sponsor]</option>
+            <option [ngValue]="undefined">--</option>
             <option *ngFor="let eligibleParent of eligibleParentSponsors" [value]="eligibleParent.id">
                 {{eligibleParent.name}}
             </option>
diff --git a/projects/gameboard-ui/src/app/sponsors/components/sponsor-edit-form/sponsor-edit-form.component.scss b/projects/gameboard-ui/src/app/sponsors/components/sponsor-edit-form/sponsor-edit-form.component.scss
index 2de6e90c..29e993d8 100644
--- a/projects/gameboard-ui/src/app/sponsors/components/sponsor-edit-form/sponsor-edit-form.component.scss
+++ b/projects/gameboard-ui/src/app/sponsors/components/sponsor-edit-form/sponsor-edit-form.component.scss
@@ -24,3 +24,7 @@ img, .dropzone-target {
     font-size: 4rem;
     margin-bottom: 8px;
 }
+
+.input-with-label {
+    margin-bottom: 30px;
+}