add styling

projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html

@@ -499,7 +499,7 @@
                   />
                 </div>
 
-                <div class="grid-col-12 padding-y-2">
+                <div class="grid-col-12 padding-y-2 calc-config">
                   <mat-expansion-panel
                     [disabled]="calcConfig() === null"
                     [expanded]="calcConfig() !== null"

projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.scss

+@use '@angular/material' as mat;
+@use '@ghsc/nshmp-template/styles/variables';
+
 :host {
   height: 100%;
   width: 100%;
@@ -54,3 +57,11 @@ mat-expansion-panel {
     font-size: clamp(8px, 6px + 1vw, 14px);
   }
 }
+
+.calc-config {
+  @include mat.expansion-overrides(
+    (
+      container-background-color: variables.$nshmp-surface-container-highest,
+    )
+  );
+}

projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html

@@ -45,9 +45,11 @@
                   </a>
                 </div>
 
-                <div>Submitted: {{ serviceResponse.date }}</div>
+                <div class="padding-bottom-1">
+                  Submitted: {{ serviceResponse.date }}
+                </div>
 
-                <mat-expansion-panel class="grid-col-12 padding-top-1">
+                <mat-expansion-panel class="grid-col-12">
                   <mat-expansion-panel-header>
                     <mat-panel-title>Configuration</mat-panel-title>
                   </mat-expansion-panel-header>

projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.scss

+@use '@angular/material' as mat;
+@use '@ghsc/nshmp-template/styles/variables';
+
 .code-block {
   font-size: 11px;
 }
@@ -5,4 +8,16 @@
 .history-cards {
   overflow: auto;
   max-height: 150vh;
+
+  @include mat.card-overrides(
+    (
+      outlined-container-color: variables.$nshmp-surface-container-high,
+    )
+  );
+
+  @include mat.expansion-overrides(
+    (
+      container-background-color: variables.$nshmp-surface-container-highest,
+    )
+  );
 }