Auto-formatted every file to keep everything consistent.

src/app/navigation/navigation.component.html

@@ -3,45 +3,52 @@
   <ul>
     @if (!isLoggedIn()) {
     <li>
-      <a routerLink="/login" routerLinkActive="active">
+      <a routerLink="/login"
+         routerLinkActive="active">
         Login
       </a>
     </li>
     }
     @if (isLoggedIn() && !isTTSLoggedIn()) {
     <li>
-      <a routerLink="/tts-login" routerLinkActive="active">
+      <a routerLink="/tts-login"
+         routerLinkActive="active">
         TTS Login
       </a>
     </li>
     }
     @if (isLoggedIn() && isTTSLoggedIn()) {
     <li>
-      <a routerLink="/policies" routerLinkActive="active">
+      <a routerLink="/policies"
+         routerLinkActive="active">
         Policies
       </a>
     </li>
     <li>
-      <a routerLink="/filters" routerLinkActive="active">
+      <a routerLink="/filters"
+         routerLinkActive="active">
         Filters
       </a>
     </li>
     <li>
-      <a routerLink="/actions" routerLinkActive="active">
+      <a routerLink="/actions"
+         routerLinkActive="active">
         Actions
       </a>
     </li>
     <li>
-      <a routerLink="/redemptions" routerLinkActive="active">
+      <a routerLink="/redemptions"
+         routerLinkActive="active">
         Redemptions
       </a>
     </li>
     @if (isAdmin()) {
-      <li>
-        <a routerLink="/groups" routerLinkActive="active">
-          Groups
-        </a>
-      </li>
+    <li>
+      <a routerLink="/groups"
+         routerLinkActive="active">
+        Groups
+      </a>
+    </li>
     }
     }
   </ul>

src/app/navigation/navigation.component.scss

@@ -5,33 +5,33 @@ $secondary_background_color: #DDDDDD;
 $secondary_font_color: #333333;
 
 ul {
-    padding: 0;
+  padding: 0;
 }
 
 li {
-    list-style: none;
-    width: 100%;
-    display: flex;
-    flex-grow: 1;
-    justify-content: center;
-    flex-direction: column;
+  list-style: none;
+  width: 100%;
+  display: flex;
+  flex-grow: 1;
+  justify-content: center;
+  flex-direction: column;
 }
 
 a {
-    background-color: transparent;
-    padding: 1em;
-    border: 0;
-    margin: 0;
-    font-size: large;
-    text-decoration: none;
-    color: $primary_font_color;
-    border-radius: 10px;
+  background-color: transparent;
+  padding: 1em;
+  border: 0;
+  margin: 0;
+  font-size: large;
+  text-decoration: none;
+  color: $primary_font_color;
+  border-radius: 10px;
 }
 
 a:hover {
-    background-color: #FAFAFA;
+  background-color: #FAFAFA;
 }
 
 a.active {
-    background-color: #F5F5F5;
+  background-color: #F5F5F5;
 }

src/app/navigation/navigation.component.spec.ts

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