fix(4as): fix header in summary table (#358)

* Added github actions workflow for aut deployment to .72 server.

* Added github action for S3 deployment.

* Changed to staging. Created branch for staging.

* Retrigger deployment workflow.

* fix(studio): zoom in on ios (#192)

# Summary 

- Fixes #186
- The `load` event isn't firing on NOAH Studio. As such, the `centerListener()` method isn't called which is responsible for the zooming in to the selected place. However, `style.load` do get called. The fix implemented here is to also use the event `style.load` to call the methods that were previously called by upon the firing of the `load` event but only listen to `style.load` once.
  - We need to further investigate **why** `load` doesn't work on Studio in iOS but works in KYH
- Confirming that only the NOAH Studio is affected by this issue.
 
# Demo

![Kapture 2021-10-05 at 22 49 45](https://user-images.githubusercontent.com/11599005/136047077-d0da7a85-9157-4d01-bae9-07a6039fd9c1.gif)

* ci(netlify): add _redirects file

* S3 Deployment Validation (#198)

* Added if condition to run workflow only on successful PR merge. (#195)

* Checking proper automation workflow. Will revert this small change upon validation. (#196)

* Change deployment trigger. Revert small biblio change. (#199)

* Checking proper automation workflow. Will revert this small change upon validation.

* Changed trigger for deployment workflow. Revert small change to bibliography.

* Cascade dev changes on workflow to prod (#202)

* Added AWS deployment workflow

* fix duplicate data for 4as summary

* archive dropdown scroll

* 4as popup scroll

* 1 day expiration for cookie

* scrollable summary table

---------

Co-authored-by: pfgoting <[email protected]>
Co-authored-by: Jadurani Davalos <[email protected]>
Co-authored-by: kennethbeoliporada <[email protected]>
Co-authored-by: kennethliporada <[email protected]>

src/app/features/noah-playground/components/risk-assessment-modal/risk-assessment-modal.component.html

@@ -1,14 +1,34 @@
-<div
+<!-- <div
   [ngClass]="'z-50 fixed w-full flex justify-center inset-0 lg:p-10 p-5'"
   *ngIf="riskModal"
+> -->
+<div
+  class="
+    min-w-screen
+    h-screen
+    animated
+    fadeIn
+    faster
+    fixed
+    left-0
+    top-0
+    flex
+    justify-center
+    items-center
+    inset-0
+    z-50
+    outline-none
+    focus:outline-none
+    bg-no-repeat bg-center bg-cover
+  "
+  *ngIf="riskModal"
 >
   <!-- *ngIf="riskModal" -->
-  <div class="w-full h-full opacity-80 bg-black z-0 absolute inset-0"></div>
+  <div class="opacity-80 bg-black z-0 absolute inset-0"></div>
   <!-- modal -->
   <div
     class="
       max-h-auto
-      overflow-y-auto overflow-x-hidden
       border-none
       shadow-lg
       relative
@@ -191,7 +211,7 @@
         </div>
       </div>
       <!-- Modal Content -->
-      <div class="flex-grow overflow-auto max-h-full" style="height: 58vh">
+      <div class="table-wrp block flex-grow max-h-full" style="height: 58vh">
         <table
           class="w-full text-sm text-left text-gray-500 dark:text-gray-400"
         >
@@ -274,7 +294,7 @@
                         px-4
                         pb-10
                         text-base
-                        md:text-2xl
+                        md:text-xl
                         leading-none
                         text-center text-gray-600
                       "
@@ -287,8 +307,8 @@
               </div>
             </div>
           </ng-container>
-          <ng-template #dataAvailable>
-            <tbody>
+          <ng-template #dataAvailable && #dataNoResult>
+            <tbody class="h-96 overflow-y-auto">
               <tr
                 *ngFor="
                   let data of affectedData
@@ -298,20 +318,50 @@
                 class="
                   bg-white
                   border-b
+                  transition
+                  duration-300
+                  ease-in-out
                   dark:bg-gray-800 dark:border-gray-700
                   hover:bg-gray-50
                   dark:hover:bg-gray-600
                   text-xs
                   md:text-base
                 "
               >
-                <td class="p-1">
+                <td
+                  class="
+                    p-1
+                    text-sm text-gray-900
+                    font-light
+                    px-6
+                    py-4
+                    whitespace-nowrap
+                  "
+                >
                   {{ data.brgy }}
                 </td>
-                <td class="p-1">
+                <td
+                  class="
+                    p-1
+                    text-sm text-gray-900
+                    font-light
+                    px-6
+                    py-4
+                    whitespace-nowrap
+                  "
+                >
                   {{ data.muni }}
                 </td>
-                <td class="p-1">
+                <td
+                  class="
+                    p-1
+                    text-sm text-gray-900
+                    font-light
+                    px-6
+                    py-4
+                    whitespace-nowrap
+                  "
+                >
                   {{ data.prov }}
                 </td>
                 <td class="p-3">
@@ -442,6 +492,7 @@
           class="
             lg:text-base
             text-sm
+            py-4
             italic
             leading-none
             whitespace-pre-line

src/app/features/noah-playground/components/risk-assessment-modal/risk-assessment-modal.component.scss

@@ -1,3 +1,12 @@
 .dropdown:hover .dropdown-menu {
   display: block;
 }
+.table-wrp {
+  max-height: 75vh;
+  overflow-y: auto;
+  display: block;
+}
+thead {
+  position: sticky;
+  top: 0;
+}