Auto-formatted every file to keep everything consistent.

src/app/groups/group-page/group-page.component.html

@@ -8,7 +8,10 @@
         {{policies.length}} polic{{policies.length == 1 ? 'y' : 'ies'}}
       </mat-panel-description>
     </mat-expansion-panel-header>
-    <policy-add-button class="add" [groups]="groups" [policies]="policies" [group]="group?.id" />
+    <policy-add-button class="add"
+                       [groups]="groups"
+                       [policies]="policies"
+                       [group]="group?.id" />
     @if (policies.length > 0) {
     <policy-table [policies]="policies" />
     }
@@ -28,7 +31,9 @@
           <p>Deleting this group will delete everything that is part of it, including policies and permissions.</p>
         </article>
         <article class="right">
-          <button mat-raised-button class="delete" (click)="delete()">
+          <button mat-raised-button
+                  class="delete"
+                  (click)="delete()">
             <mat-icon>delete</mat-icon>Delete this group.
           </button>
         </article>

src/app/groups/group-page/group-page.component.scss

@@ -1,4 +1,4 @@
-.mat-expansion-panel ~ .mat-expansion-panel {
+.mat-expansion-panel~.mat-expansion-panel {
   margin-top: 4em;
 }
 

src/app/groups/group-page/group-page.component.spec.ts

@@ -10,7 +10,7 @@ describe('GroupPageComponent', () => {
     await TestBed.configureTestingModule({
       imports: [GroupPageComponent]
     })
-    .compileComponents();
+      .compileComponents();
 
     fixture = TestBed.createComponent(GroupPageComponent);
     component = fixture.componentInstance;