fix expanded feature for exposure assessment

src/app/features/noah-playground/components/map-playground/map-playground.component.ts

@@ -240,7 +240,7 @@ export class MapPlaygroundComponent implements OnInit, OnDestroy {
       .subscribe((center) => {
         this.map.flyTo({
           center,
-          zoom: 13,
+          zoom: 16,
           essential: true,
         });
 

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

@@ -1,5 +1,5 @@
 <div class="p-5 w-full bg-sidebar shadow-md hover:shodow-lg rounded-lg mt-6">
-  <div class="flex cursor-pointer select-none" (click)="toggleExpanded($event)">
+  <div class="flex cursor-pointer select-none">
     <label class="inline-flex items-center checkbox">
       <input
         type="checkbox"

src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.ts

@@ -92,6 +92,7 @@ export class RiskAssessmentGroupComponent implements OnInit {
     event.stopImmediatePropagation();
     this.checkedShown = (event.target as HTMLInputElement).checked;
     this.pgService.toggleRiskAssessmentGroupProperty('shown');
+    this.pgService.toggleRiskAssessmentGroupProperty('expanded');
     this.updateButtonEnabled();
 
     if (!this.checkedShown) {

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

@@ -207,7 +207,7 @@
                 <div
                   role="button"
                   (click)="onHeaderColumnClick(col.key)"
-                  class="flex items-center"
+                  class="flex leading-none items-center"
                 >
                   {{ col.header }}
                   <svg
@@ -409,13 +409,14 @@
           </button>
         </div>
       </div>
-      <div class="bg-red-100 p-2 leading-none rounded-lg">
+      <div class="bg-red-100 p-2 rounded-lg">
         <p
           class="
             lg:text-base
             text-sm
             italic
             my-2
+            leading-none
             whitespace-pre-line
             text-ellipsis
           "
@@ -428,11 +429,11 @@
           <span
             role="button"
             *ngIf="btnReadMore"
-            class="display xl:hidden text-blue-500"
+            class="display text-blue-500"
             (click)="mobileDisclaimerSeemore()"
             >Read more...</span
           >
-          <span class="hidden xl:inline">
+          <!-- <span class="hidden xl:inline">
             The UP NOAH Center holds no responsibility or liability for any
             inconsistencies, inaccuracies, or data omissions related to
             predicted or depicted weather forecasts, whether reported, ongoing,
@@ -444,7 +445,7 @@
             improvement or error notifications are welcome. Please follow the
             official sites of the government and use this site only for
             supplementary information.
-          </span>
+          </span> -->
           <span *ngIf="mobileDisclaimer">
             The UP NOAH Center holds no responsibility or liability for any
             inconsistencies, inaccuracies, or data omissions related to

src/app/features/noah-playground/store/noah-playground.store.ts

@@ -352,7 +352,7 @@ const createInitialValue = (): NoahPlaygroundState => ({
       'storm-surge-advisory-4': {
         opacity: 85,
         color: 'noah-red',
-        shown: false,
+        shown: true,
       },
     },
   },