Merge pull request #2222 from bcgov/feature/ALCS-2243-3

ALCS-2243 QA #1: Update staff report layout for desktop and mobile

Author: Abradat

alcs-frontend/src/app/features/application/lfng-info/lfng-info.component.html

@@ -201,7 +201,10 @@ <h4>Attachments</h4>
       </div>
     </div>
     <div *ngIf="hasCompletedStepsBeforeDocuments" class="review-table">
-      <div *ngIf="isFirstNationGovernment || applicationReview.isOCPDesignation || applicationReview.isSubjectToZoning">
+      <div
+        *ngIf="isFirstNationGovernment || applicationReview.isOCPDesignation || applicationReview.isSubjectToZoning"
+        class="full-row"
+      >
         <div class="subheading2">Resolution Document</div>
         <div>
           <a *ngIf="resolutionDocument" (click)="openDocument(resolutionDocument.uuid, resolutionDocument.fileName)">{{
@@ -215,6 +218,7 @@ <h4>Attachments</h4>
           (applicationReview.isOCPDesignation || applicationReview.isSubjectToZoning) &&
           (applicationReview.isAuthorized || staffReports.length > 0)
         "
+        class="full-row"
       >
         <div class="subheading2">Staff Report</div>
         <div *ngIf="staffReports.length > 0">
@@ -224,7 +228,7 @@ <h4>Attachments</h4>
         </div>
         <app-no-data *ngIf="staffReports.length === 0"></app-no-data>
       </div>
-      <div>
+      <div class="full-row">
         <div class="subheading2">Other Attachments</div>
         <div>
           <app-no-data *ngIf="otherAttachments.length === 0"></app-no-data>

portal-frontend/src/app/features/applications/review-submission/review-submit/review-submit.component.html

@@ -212,7 +212,7 @@ <h4>5. Attachments</h4>
         </div>
       </div>
       <div *ngIf="this.hasCompletedStepsBeforeDocuments" class="review-table">
-        <div *ngIf="_applicationReview.isOCPDesignation || _applicationReview.isSubjectToZoning">
+        <div *ngIf="_applicationReview.isOCPDesignation || _applicationReview.isSubjectToZoning" class="full-width">
           <div class="subheading2">Resolution Document</div>
           <div>
             <a class="link" (click)="openFile(document)" *ngFor="let document of resolutionDocument">{{
@@ -221,7 +221,7 @@ <h4>5. Attachments</h4>
             <app-no-data [showRequired]="showErrors" *ngIf="resolutionDocument.length === 0"></app-no-data>
           </div>
         </div>
-        <div *ngIf="_applicationReview.isOCPDesignation || _applicationReview.isSubjectToZoning">
+        <div *ngIf="_applicationReview.isOCPDesignation || _applicationReview.isSubjectToZoning" class="full-width">
           <div class="subheading2">
             Staff Report <span *ngIf="_applicationReview.isAuthorized === false">(optional)</span>
           </div>
@@ -478,9 +478,9 @@ <h4>5. Attachments</h4>
             Staff Report <span *ngIf="_applicationReview.isAuthorized === false">(optional)</span>
           </div>
           <div>
-            <a class="link" (click)="openFile(document)" *ngFor="let document of staffReport">{{
-              document.fileName
-            }}</a>
+            <div class="document" *ngFor="let document of staffReport">
+              <a class="link" (click)="openFile(document)">{{ document.fileName }}</a>
+            </div>
             <app-no-data
               [showRequired]="showErrors && _applicationReview.isAuthorized === true"
               *ngIf="staffReport.length === 0"

portal-frontend/src/app/features/applications/view-submission/lfng-review/lfng-review.component.html

@@ -237,6 +237,7 @@ <h4>Attachments</h4>
             applicationReview.isOCPDesignation ||
             applicationReview.isSubjectToZoning
           "
+          class="full-width"
         >
           <div class="subheading2">Resolution Document</div>
           <div>
@@ -246,7 +247,7 @@ <h4>Attachments</h4>
           </div>
           <app-no-data *ngIf="resolutionDocument.length === 0"></app-no-data>
         </div>
-        <div *ngIf="applicationReview.isOCPDesignation || applicationReview.isSubjectToZoning">
+        <div *ngIf="applicationReview.isOCPDesignation || applicationReview.isSubjectToZoning" class="full-width">
           <div class="subheading2">
             Staff Report <span *ngIf="applicationReview.isAuthorized === false">(optional)</span>
           </div>