formatting

src/app/app.html

@@ -1,7 +1,7 @@
 <div class="h-screen max-h-screen flex flex-col">
   <div class="w-full">
     <mat-toolbar color="primary">
-      @if(eventsService.status() === 'open') {
+      @if (eventsService.status() === 'open') {
         <div matTooltip="Connected" class="h-3 w-3 rounded-full bg-green-400 mr-2"></div>
       } @else if (eventsService.status() === 'closed') {
         <div matTooltip="Disconnected" class="h-3 w-3 rounded-full bg-orange-400 mr-2"></div>
@@ -10,18 +10,23 @@
       }
       <span>showbridge</span>
       <div>
-         <label class="ml-4 mr-2">URL:</label>
-         <input
-           type="text"
-           class="pl-1 border-2 border-gray-200 text-white border-solid rounded-sm"
-           [placeholder]="'http://localhost:8000'"
-           [value]="settingsService.baseUrl()"
-           (change)="settingsService.updateBaseUrl($event.target.value)"
-          />
+        <label class="ml-4 mr-2">URL:</label>
+        <input
+          type="text"
+          class="pl-1 border-2 border-gray-200 text-white border-solid rounded-sm"
+          [placeholder]="'http://localhost:8000'"
+          [value]="settingsService.baseUrl()"
+          (change)="settingsService.updateBaseUrl($event.target.value)"
+        />
       </div>
       <span class="flex-auto"></span>
       @if (configService.pendingConfigIsValid()) {
-        <button mat-icon-button matTooltip="Apply Config" (click)="applyConfig()" [disabled]="!configService.configIsDirty()">
+        <button
+          mat-icon-button
+          matTooltip="Apply Config"
+          (click)="applyConfig()"
+          [disabled]="!configService.configIsDirty()"
+        >
           <mat-icon>save</mat-icon>
         </button>
       } @else {
@@ -34,11 +39,18 @@
       }
     </mat-toolbar>
   </div>
-  @if (eventsService.status() === 'open' &&  schemaService.schemasLoaded()) {
+  @if (eventsService.status() === 'open' && schemaService.schemasLoaded()) {
     <div class="grow overflow-hidden flex m-2">
       <div class="grow overflow-y-auto">
-        <app-module-list [modules]="config()?.modules" (modulesChange)="modulesUpdated($event)"></app-module-list>
-        <app-route-list [routes]="config()?.routes" [moduleIds]="moduleIds()" (routesChange)="routesUpdated($event)"></app-route-list>
+        <app-module-list
+          [modules]="config()?.modules"
+          (modulesChange)="modulesUpdated($event)"
+        ></app-module-list>
+        <app-route-list
+          [routes]="config()?.routes"
+          [moduleIds]="moduleIds()"
+          (routesChange)="routesUpdated($event)"
+        ></app-route-list>
       </div>
       <div class="w-1/2 overflow-y-hidden">
         <app-config-preview [config]="config()"></app-config-preview>