Use a fieldset to layout the request info

jhu-library-applications · Nov 8, 2023 · a4afb84 · a4afb84
1 parent 2759143
commit a4afb84
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/cloudapp/src/app/main/main.component.html b/cloudapp/src/app/main/main.component.html
@@ -33,6 +33,9 @@
             </button>
           </mat-card-title-group>
           <ng-container *ngFor="let request of resource.request">
+            <fieldset>
+              <legend>Request {{ request.id }}</legend>
+
             <mat-card-content>
               <dl *ngFor="let copy of resource.location.copy">
                 <dt><strong>RMST</strong></dt>
@@ -44,8 +47,10 @@
               </dl>
 
               <dl>
+                <div *ngIf="request.description">
                 <dt><strong>Description</strong></dt>
                 <dd>{{ request.description }}</dd>
+                </div>
                 <dt><strong>Pickup Location</strong></dt>
                 <dd>{{ request.destination.desc }}</dd>
                 <dt><strong>Requester</strong></dt>
@@ -56,7 +61,9 @@
                 </div>
               </dl>
             </mat-card-content>
-          </ng-container>          
+          </fieldset>
+          <br>
+          </ng-container>         
         </mat-card>
       </div>
     </div>