add container

projects/nshmp-apps/src/app/hazard/dynamic/components/content/content.component.html

@@ -13,12 +13,15 @@
     [disabled]="hasData() === false"
   >
     <ng-template matTabContent>
-      <nshmp-lib-ng-data-table-panel
-        [table]="hazardTableData()"
-        [filename]="hazardFilename() | lowercase"
-        buttonText="Export Hazard as CSV"
-        title="Hazard Data"
-      />
+      <div class="grid-container-widescreen">
+        <nshmp-lib-ng-data-table-panel
+          [table]="hazardTableData()"
+          [filename]="hazardFilename() | lowercase"
+          buttonText="Export Hazard as CSV"
+          title="Hazard Data"
+          class="grid-container-widescreen"
+        />
+      </div>
     </ng-template>
   </mat-tab>
 
@@ -29,12 +32,14 @@
     [disabled]="hasData() === false"
   >
     <ng-template matTabContent>
-      <nshmp-lib-ng-data-table-panel
-        [table]="spectraTableData()"
-        [filename]="spectraFilename() | lowercase"
-        buttonText="Export Response Spectra as CSV"
-        title="Response Spectra Data"
-      />
+      <div class="grid-container-widescreen">
+        <nshmp-lib-ng-data-table-panel
+          [table]="spectraTableData()"
+          [filename]="spectraFilename() | lowercase"
+          buttonText="Export Response Spectra as CSV"
+          title="Response Spectra Data"
+        />
+      </div>
     </ng-template>
   </mat-tab>
 </mat-tab-group>

projects/nshmp-apps/src/app/hazard/static/components/content/content.component.html

@@ -13,7 +13,9 @@
     [disabled]="hasData() === false"
   >
     <ng-template matTabContent>
-      <app-curve-data />
+      <div class="grid-container-widescreen">
+        <app-curve-data />
+      </div>
     </ng-template>
   </mat-tab>
 
@@ -24,7 +26,9 @@
     [disabled]="hasData() === false"
   >
     <ng-template matTabContent>
-      <app-spectrum-data />
+      <div class="grid-container-widescreen">
+        <app-spectrum-data />
+      </div>
     </ng-template>
   </mat-tab>
 </mat-tab-group>

projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/data/data.component.html

-@for (table of tables(); track table) {
-  <nshmp-lib-ng-data-table-panel
-    [table]="table.tables"
-    filename="geophysical-profiles.csv"
-    buttonText="Export to CSV"
-    [title]="table.title"
-  />
-}
-
 <div class="grid-container-widescreen">
+  @for (table of tables(); track table) {
+    <nshmp-lib-ng-data-table-panel
+      [table]="table.tables"
+      filename="geophysical-profiles.csv"
+      buttonText="Export to CSV"
+      [title]="table.title"
+    />
+  }
+
   <mat-accordion>
     <mat-expansion-panel expanded>
       <mat-expansion-panel-header>

projects/nshmp-apps/src/app/source/mfd/components/content/content.component.html

@@ -13,7 +13,9 @@
     [disabled]="hasData() === false"
   >
     <ng-template matTabContent>
-      <app-logic-tree />
+      <div class="grid-container-widescreen">
+        <app-logic-tree />
+      </div>
     </ng-template>
   </mat-tab>
 
@@ -24,7 +26,9 @@
     [disabled]="hasData() === false"
   >
     <ng-template matTabContent>
-      <app-data />
+      <div class="grid-container-widescreen">
+        <app-data />
+      </div>
     </ng-template>
   </mat-tab>
 </mat-tab-group>

projects/nshmp-apps/src/app/source/rates/components/content/content.component.html

@@ -9,24 +9,28 @@
   <!-- Rate data -->
   <mat-tab label="Rate Data" [disabled]="hasData() === false">
     <ng-template matTabContent>
-      <nshmp-lib-ng-data-table-panel
-        [table]="rateTableData()"
-        buttonText="Export rates as CSV"
-        title="Rates"
-        filename="rates {{ parameters() }}.csv"
-      />
+      <div class="grid-container-widescreen">
+        <nshmp-lib-ng-data-table-panel
+          [table]="rateTableData()"
+          buttonText="Export rates as CSV"
+          title="Rates"
+          filename="rates {{ parameters() }}.csv"
+        />
+      </div>
     </ng-template>
   </mat-tab>
 
   <!-- Probability data -->
   <mat-tab label="Probability Data" [disabled]="hasData() === false">
     <ng-template matTabContent>
-      <nshmp-lib-ng-data-table-panel
-        [table]="probabilityTableData()"
-        buttonText="Export probabilities as CSV"
-        title="Probabilities"
-        filename="probabilities {{ parameters() }}.csv"
-      />
+      <div class="grid-container-widescreen">
+        <nshmp-lib-ng-data-table-panel
+          [table]="probabilityTableData()"
+          buttonText="Export probabilities as CSV"
+          title="Probabilities"
+          filename="probabilities {{ parameters() }}.csv"
+        />
+      </div>
     </ng-template>
   </mat-tab>
 </mat-tab-group>