Auto-formatted every file to keep everything consistent.

src/app/redemptions/redemption-list/redemption-list.component.html

@@ -1,8 +1,11 @@
 <div class="content">
-  <button mat-button class="add" (click)="add()"><mat-icon>add</mat-icon> Add Redemption</button>
+  <button mat-button
+          class="add"
+          (click)="add()"><mat-icon>add</mat-icon> Add Redemption</button>
 
-  <mat-expansion-panel class="filters-expander" (opened)="panelOpenState.set(true)"
-    (closed)="panelOpenState.set(false)">
+  <mat-expansion-panel class="filters-expander"
+                       (opened)="panelOpenState.set(true)"
+                       (closed)="panelOpenState.set(false)">
     <mat-expansion-panel-header>
       <mat-panel-title>Filters</mat-panel-title>
       <mat-panel-description>
@@ -11,40 +14,55 @@
     </mat-expansion-panel-header>
 
     <div class="filters">
-      <twitch-redemption-dropdown [(twitchRedemptionId)]="filter_redemption" [search]="true" />
-      <action-dropdown [(action)]="filter_action_name" [search]="true" />
+      <twitch-redemption-dropdown [(twitchRedemptionId)]="filter_redemption"
+                                  [search]="true" />
+      <action-dropdown [(action)]="filter_action_name"
+                       [search]="true" />
     </div>
   </mat-expansion-panel>
 
   <div class="table-container">
-    <table mat-table [dataSource]="redemptions" class="mat-elevation-z8">
+    <table mat-table
+           [dataSource]="redemptions"
+           class="mat-elevation-z8">
       <ng-container matColumnDef="twitch-redemption">
-        <th mat-header-cell *matHeaderCellDef>Twitch Redemption Name</th>
-        <td mat-cell *matCellDef="let redemption">{{getTwitchRedemptionNameById(redemption.redemption_id) || 'Unknown
+        <th mat-header-cell
+            *matHeaderCellDef>Twitch Redemption Name</th>
+        <td mat-cell
+            *matCellDef="let redemption">{{getTwitchRedemptionNameById(redemption.redemption_id) || 'Unknown
           Twitch Redemption'}}</td>
       </ng-container>
 
       <ng-container matColumnDef="action-name">
-        <th mat-header-cell *matHeaderCellDef>Action Name</th>
-        <td mat-cell *matCellDef="let redemption">{{redemption.action_name}}</td>
+        <th mat-header-cell
+            *matHeaderCellDef>Action Name</th>
+        <td mat-cell
+            *matCellDef="let redemption">{{redemption.action_name}}</td>
       </ng-container>
 
       <ng-container matColumnDef="order">
-        <th mat-header-cell *matHeaderCellDef>Order</th>
-        <td mat-cell *matCellDef="let redemption">{{redemption.order}}</td>
+        <th mat-header-cell
+            *matHeaderCellDef>Order</th>
+        <td mat-cell
+            *matCellDef="let redemption">{{redemption.order}}</td>
       </ng-container>
 
       <ng-container matColumnDef="misc">
-        <th mat-header-cell *matHeaderCellDef></th>
-        <td mat-cell *matCellDef="let redemption">
-          <button mat-icon-button (click)="openDialog(redemption)">
+        <th mat-header-cell
+            *matHeaderCellDef></th>
+        <td mat-cell
+            *matCellDef="let redemption">
+          <button mat-icon-button
+                  (click)="openDialog(redemption)">
             <mat-icon>edit</mat-icon>
           </button>
         </td>
       </ng-container>
 
-      <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+      <tr mat-header-row
+          *matHeaderRowDef="displayedColumns; sticky: true"></tr>
+      <tr mat-row
+          *matRowDef="let row; columns: displayedColumns;"></tr>
     </table>
   </div>
 </div>