Merge pull request #1845 from bcgov/bugfix/ALCS-2177

Fix Multiple Files Showing in One Line in Public Search View
bcgov · Sep 12, 2024 · 2efa1b4 · 2efa1b4
2 parents 1a4301c + 47ad226
commit 2efa1b4
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 7 deletions.
diff --git a/...d/src/app/features/public/application/submission/pfrs-details/pfrs-details.component.html b/...d/src/app/features/public/application/submission/pfrs-details/pfrs-details.component.html
@@ -180,15 +180,15 @@
   </div>
 
   <div class="subheading2 grid-1">Cross Sections</div>
-  <div class="grid-double">
+  <div class="grid-double multiple-documents">
     <a *ngFor="let file of crossSections" (click)="openFile(file)">
       {{ file.fileName }}
     </a>
     <app-no-data *ngIf="crossSections.length === 0"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">Reclamation Plan</div>
-  <div class="grid-double">
+  <div class="grid-double multiple-documents">
     <a *ngFor="let file of crossSections" (click)="openFile(file)">
       {{ file.fileName }}
     </a>

diff --git a/...d/src/app/features/public/application/submission/pofo-details/pofo-details.component.html b/...d/src/app/features/public/application/submission/pofo-details/pofo-details.component.html
@@ -122,7 +122,7 @@
   </div>
 
   <div class="subheading2 grid-1">Cross Sections</div>
-  <div class="grid-double">
+  <div class="grid-double multiple-documents">
     <a *ngFor="let file of crossSections" (click)="openFile(file)">
       {{ file.fileName }}
     </a>

diff --git a/...d/src/app/features/public/application/submission/roso-details/roso-details.component.html b/...d/src/app/features/public/application/submission/roso-details/roso-details.component.html
@@ -114,7 +114,7 @@
   </div>
 
   <div class="subheading2 grid-1">Cross Sections</div>
-  <div class="grid-double">
+  <div class="grid-double multiple-documents">
     <a *ngFor="let file of crossSections" (click)="openFile(file)">
       {{ file.fileName }}
     </a>

diff --git a/...frontend/src/app/features/public/application/submission/submission-details.component.scss b/...frontend/src/app/features/public/application/submission/submission-details.component.scss
@@ -158,4 +158,10 @@
       }
     }
   }
+
+  .multiple-documents {
+    a {
+      display: block;
+    }
+  }
 }
diff --git a/.../app/features/public/notice-of-intent/submission/pfrs-details/pfrs-details.component.html b/.../app/features/public/notice-of-intent/submission/pfrs-details/pfrs-details.component.html
@@ -183,7 +183,7 @@
 
   <ng-container *ngIf="noiSubmission.soilIsExtractionOrMining || noiSubmission.soilIsAreaWideFilling">
     <div class="subheading2 grid-1">Cross Sections</div>
-    <div class="grid-double">
+    <div class="grid-double multiple-documents">
       <a *ngFor="let file of crossSections" (click)="openFile(file)">
         {{ file.fileName }}
       </a>

diff --git a/.../app/features/public/notice-of-intent/submission/pofo-details/pofo-details.component.html b/.../app/features/public/notice-of-intent/submission/pofo-details/pofo-details.component.html
@@ -117,7 +117,7 @@
 
   <ng-container *ngIf="noiSubmission.soilIsAreaWideFilling">
     <div class="subheading2 grid-1">Cross Sections</div>
-    <div class="grid-double">
+    <div class="grid-double multiple-documents">
       <a *ngFor="let file of crossSections" (click)="openFile(file)">
         {{ file.fileName }}
       </a>

diff --git a/.../app/features/public/notice-of-intent/submission/roso-details/roso-details.component.html b/.../app/features/public/notice-of-intent/submission/roso-details/roso-details.component.html
@@ -117,7 +117,7 @@
 
   <ng-container *ngIf="noiSubmission?.soilIsExtractionOrMining">
     <div class="subheading2 grid-1">Cross Sections</div>
-    <div class="grid-double">
+    <div class="grid-double multiple-documents">
       <a *ngFor="let file of crossSections" (click)="openFile(file)">
         {{ file.fileName }}
       </a>

diff --git a/...end/src/app/features/public/notice-of-intent/submission/submission-details.component.scss b/...end/src/app/features/public/notice-of-intent/submission/submission-details.component.scss
@@ -152,4 +152,10 @@
       }
     }
   }
+
+  .multiple-documents {
+    a {
+      display: block;
+    }
+  }
 }