diff --git a/src/Turnierplan.App/Client/.prettierrc b/src/Turnierplan.App/Client/.prettierrc
index f1a87bfa..402e2b74 100644
--- a/src/Turnierplan.App/Client/.prettierrc
+++ b/src/Turnierplan.App/Client/.prettierrc
@@ -1,7 +1,10 @@
 {
   "tabWidth": 2,
   "useTabs": false,
-  "endOfLine": "auto",
+  "singleQuote": true,
+  "endOfLine": "lf",
+  "arrowParens": "always",
   "trailingComma": "none",
+  "bracketSameLine": true,
   "printWidth": 140
 }
diff --git a/src/Turnierplan.App/Client/package.json b/src/Turnierplan.App/Client/package.json
index ddb46f1e..374e8e5d 100644
--- a/src/Turnierplan.App/Client/package.json
+++ b/src/Turnierplan.App/Client/package.json
@@ -12,7 +12,7 @@
     "gen:api": "ng-openapi-gen --input ../obj/Turnierplan.App_turnierplan.json --output src/app/api --indexFile true --endOfLineStyle lf && replace-in-file \"PublicId = any\" \"PublicId = string\" src/app/api/**/*",
     "build:prod": "npm run gen:api && npm run ng -- build --configuration production",
     "start": "npm run gen:api && npm run ng -- serve --port 45001",
-    "prettier": "prettier \"**/*.*css\" \"**/*.*js\" \"**/*.ts\" \"**/*.json\"",
+    "prettier": "prettier \"**/*.*css\" \"**/*.*js\" \"**/*.ts\" \"**/*.json\" \"**/*.html\"",
     "lint": "npm run prettier -- --write",
     "lint:ci": "npm run prettier -- --check",
     "test": "ng test",
diff --git a/src/Turnierplan.App/Client/src/app/identity/identity.component.scss b/src/Turnierplan.App/Client/src/app/identity/identity.component.scss
index b108d1b6..35b11bd3 100644
--- a/src/Turnierplan.App/Client/src/app/identity/identity.component.scss
+++ b/src/Turnierplan.App/Client/src/app/identity/identity.component.scss
@@ -5,7 +5,7 @@
 }
 
 .identity-header {
-  background: url("/assets/identity-background.jpg") center;
+  background: url('/assets/identity-background.jpg') center;
   background-size: cover;
   height: 8em;
 }
diff --git a/src/Turnierplan.App/Client/src/app/identity/pages/change-password/change-password.component.html b/src/Turnierplan.App/Client/src/app/identity/pages/change-password/change-password.component.html
index 0fbfdb13..62401906 100644
--- a/src/Turnierplan.App/Client/src/app/identity/pages/change-password/change-password.component.html
+++ b/src/Turnierplan.App/Client/src/app/identity/pages/change-password/change-password.component.html
@@ -21,9 +21,13 @@
   @if (isLoading) {
     <tp-small-spinner />
   }
-  <button class="btn btn-primary" [ngClass]="{ 'disabled': isLoading }" translate="Identity.ChangePassword.Submit" (click)="submit()"></button>
+  <button
+    class="btn btn-primary"
+    [ngClass]="{ disabled: isLoading }"
+    translate="Identity.ChangePassword.Submit"
+    (click)="submit()"></button>
 </div>
 
-@if(!isLoading && failedReason) {
-  <div class="mt-3 text-danger" [innerHTML]="('Identity.ChangePassword.Failed.' + failedReason) | translate"></div>
+@if (!isLoading && failedReason) {
+  <div class="mt-3 text-danger" [innerHTML]="'Identity.ChangePassword.Failed.' + failedReason | translate"></div>
 }
diff --git a/src/Turnierplan.App/Client/src/app/identity/pages/change-user-info/change-user-info.component.html b/src/Turnierplan.App/Client/src/app/identity/pages/change-user-info/change-user-info.component.html
index 3f0a92b2..74066c29 100644
--- a/src/Turnierplan.App/Client/src/app/identity/pages/change-user-info/change-user-info.component.html
+++ b/src/Turnierplan.App/Client/src/app/identity/pages/change-user-info/change-user-info.component.html
@@ -23,9 +23,13 @@
   @if (isLoading) {
     <tp-small-spinner />
   }
-  <button class="btn btn-primary" [ngClass]="{ 'disabled': isLoading }" translate="Identity.ChangeUserInfo.Submit" (click)="submit()"></button>
+  <button
+    class="btn btn-primary"
+    [ngClass]="{ disabled: isLoading }"
+    translate="Identity.ChangeUserInfo.Submit"
+    (click)="submit()"></button>
 </div>
 
-@if(!isLoading && isRequestFailed) {
+@if (!isLoading && isRequestFailed) {
   <div class="mt-3 text-danger" translate="Identity.ChangeUserInfo.RequestFailed"></div>
 }
diff --git a/src/Turnierplan.App/Client/src/app/identity/pages/login/login.component.html b/src/Turnierplan.App/Client/src/app/identity/pages/login/login.component.html
index 1c5423c1..368db767 100644
--- a/src/Turnierplan.App/Client/src/app/identity/pages/login/login.component.html
+++ b/src/Turnierplan.App/Client/src/app/identity/pages/login/login.component.html
@@ -21,9 +21,9 @@
   @if (isLoading) {
     <tp-small-spinner />
   }
-  <button class="btn btn-primary" [ngClass]="{ 'disabled': isLoading }" translate="Identity.Login.Submit" (click)="attemptLogin()"></button>
+  <button class="btn btn-primary" [ngClass]="{ disabled: isLoading }" translate="Identity.Login.Submit" (click)="attemptLogin()"></button>
 </div>
 
-@if(!isLoading && loginFailed) {
+@if (!isLoading && loginFailed) {
   <div class="mt-3 text-danger" translate="Identity.Login.LoginFailed"></div>
 }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/action-button/action-button.component.html b/src/Turnierplan.App/Client/src/app/portal/components/action-button/action-button.component.html
index c8bf9779..e194cdb2 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/action-button/action-button.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/action-button/action-button.component.html
@@ -1,19 +1,19 @@
 @if (mode === 'IconLeftAndText') {
-  <button type="button" class="btn btn-sm btn-{{ type }} text-nowrap" [ngClass]="{ 'disabled': disabled }">
+  <button type="button" class="btn btn-sm btn-{{ type }} text-nowrap" [ngClass]="{ disabled: disabled }">
     @if (icon) {
       <i class="bi bi-{{ icon }}" aria-hidden="true"></i>
     }
     <span [translate]="title" [ngClass]="{ 'ms-2': icon }"></span>
   </button>
 } @else if (mode === 'IconRightAndText') {
-  <button type="button" class="btn btn-sm btn-{{ type }} text-nowrap" [ngClass]="{ 'disabled': disabled }">
+  <button type="button" class="btn btn-sm btn-{{ type }} text-nowrap" [ngClass]="{ disabled: disabled }">
     <span [translate]="title" [ngClass]="{ 'me-2': icon }"></span>
     @if (icon) {
       <i class="bi bi-{{ icon }}" aria-hidden="true"></i>
     }
   </button>
 } @else if (mode === 'IconOnly' && icon) {
-  <button type="button" class="btn btn-sm btn-{{ type }}" [ngClass]="{ 'disabled': disabled }" [attr.aria-label]="title | translate">
+  <button type="button" class="btn btn-sm btn-{{ type }}" [ngClass]="{ disabled: disabled }" [attr.aria-label]="title | translate">
     <i class="bi bi-{{ icon }}" aria-hidden="true"></i>
   </button>
 }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/alert/alert.component.html b/src/Turnierplan.App/Client/src/app/portal/components/alert/alert.component.html
index 003fd3b7..8445ff5f 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/alert/alert.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/alert/alert.component.html
@@ -1,4 +1,6 @@
-<div class="alert alert-{{ type }} {{ margin }} py-1 d-flex flex-row align-items-center gap-3" [ngClass]="icon === undefined ? 'px-2' : 'ps-3 pe-2'">
+<div
+  class="alert alert-{{ type }} {{ margin }} py-1 d-flex flex-row align-items-center gap-3"
+  [ngClass]="icon === undefined ? 'px-2' : 'ps-3 pe-2'">
   @if (icon !== undefined) {
     <i class="bi bi-{{ icon }}"></i>
   }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/api-key-usage/api-key-usage.component.html b/src/Turnierplan.App/Client/src/app/portal/components/api-key-usage/api-key-usage.component.html
index ce2c0c46..dd3fcc47 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/api-key-usage/api-key-usage.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/api-key-usage/api-key-usage.component.html
@@ -1,15 +1,23 @@
-<div class="d-flex flex-row" style="min-height: 274px;">
-  <div style="width: 25%;">
+<div class="d-flex flex-row" style="min-height: 274px">
+  <div style="width: 25%">
     <label class="form-label" for="api_usage_timeRange" translate="Portal.ApiKeyUsage.TimeRange"></label>
-    <select class="form-select form-select-sm mb-3" id="api_usage_timeRange" [ngModel]="timeRange" (ngModelChange)="timeRange = $event; reload$.next()">
+    <select
+      class="form-select form-select-sm mb-3"
+      id="api_usage_timeRange"
+      [ngModel]="timeRange"
+      (ngModelChange)="timeRange = $event; reload$.next()">
       <option value="1" translate="Portal.ApiKeyUsage.TimeRange1"></option>
       <option value="7" translate="Portal.ApiKeyUsage.TimeRange7"></option>
       <option value="14" translate="Portal.ApiKeyUsage.TimeRange14"></option>
       <option value="30" translate="Portal.ApiKeyUsage.TimeRange30"></option>
     </select>
-    
+
     <div class="d-flex flex-column align-items-end">
-      <tp-action-button [type]="'outline-secondary'" [icon]="'arrow-counterclockwise'" [title]="'Portal.ApiKeyUsage.Reload'" (click)="reload$.next()" />
+      <tp-action-button
+        [type]="'outline-secondary'"
+        [icon]="'arrow-counterclockwise'"
+        [title]="'Portal.ApiKeyUsage.Reload'"
+        (click)="reload$.next()" />
     </div>
 
     @if (showNoRequestsNotification) {
@@ -23,9 +31,8 @@
       <span translate="Portal.ApiKeyUsage.LoadingData"></span>
     </div>
   } @else {
-    <div style="width: 50%;">
-      <canvas baseChart type="bar" [data]="chartData" [options]="chartOptions">
-      </canvas>
+    <div style="width: 50%">
+      <canvas baseChart type="bar" [data]="chartData" [options]="chartOptions"></canvas>
       <div class="text-center small">
         <span translate="Portal.ApiKeyUsage.Total"></span>
         <span class="ms-1 fw-bold">{{ totalCount }}</span>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/computation-configuration/computation-configuration.component.html b/src/Turnierplan.App/Client/src/app/portal/components/computation-configuration/computation-configuration.component.html
index 070e4554..744b03a1 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/computation-configuration/computation-configuration.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/computation-configuration/computation-configuration.component.html
@@ -5,49 +5,97 @@ <h4 class="modal-title" translate="Portal.ViewTournament.Settings.EditComputatio
 <div class="modal-body">
   <div class="mb-2 row align-items-center">
     <div class="col-4">
-      <label class="form-label mb-0" for="matchWonPoints" translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.MatchWonPoints"></label>
+      <label
+        class="form-label mb-0"
+        for="matchWonPoints"
+        translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.MatchWonPoints"></label>
     </div>
     <div class="col-8">
-      <input class="form-control form-control-sm" id="matchWonPoints" type="number" style="max-width: 8em;" [min]="0" [max]="100" [(ngModel)]="matchWonPoints" [ngClass]="{ 'is-invalid': matchWonPointsInvalid }" />
+      <input
+        class="form-control form-control-sm"
+        id="matchWonPoints"
+        type="number"
+        style="max-width: 8em"
+        [min]="0"
+        [max]="100"
+        [(ngModel)]="matchWonPoints"
+        [ngClass]="{ 'is-invalid': matchWonPointsInvalid }" />
     </div>
   </div>
 
   <div class="mb-2 row align-items-center">
     <div class="col-4">
-      <label class="form-label mb-0" for="matchDrawnPoints" translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.MatchDrawnPoints"></label>
+      <label
+        class="form-label mb-0"
+        for="matchDrawnPoints"
+        translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.MatchDrawnPoints"></label>
     </div>
     <div class="col-8">
-      <input class="form-control form-control-sm" id="matchDrawnPoints" type="number" style="max-width: 8em;" [min]="0" [max]="100" [(ngModel)]="matchDrawnPoints" [ngClass]="{ 'is-invalid': matchDrawnPointsInvalid }" />
+      <input
+        class="form-control form-control-sm"
+        id="matchDrawnPoints"
+        type="number"
+        style="max-width: 8em"
+        [min]="0"
+        [max]="100"
+        [(ngModel)]="matchDrawnPoints"
+        [ngClass]="{ 'is-invalid': matchDrawnPointsInvalid }" />
     </div>
   </div>
 
   <div class="mb-4 row align-items-center">
     <div class="col-4">
-      <label class="form-label mb-0" for="matchLostPoints" translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.MatchLostPoints"></label>
+      <label
+        class="form-label mb-0"
+        for="matchLostPoints"
+        translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.MatchLostPoints"></label>
     </div>
     <div class="col-8">
-      <input class="form-control form-control-sm" id="matchLostPoints" type="number" style="max-width: 8em;" [min]="0" [max]="100" [(ngModel)]="matchLostPoints" [ngClass]="{ 'is-invalid': matchLostPointsInvalid }" />
+      <input
+        class="form-control form-control-sm"
+        id="matchLostPoints"
+        type="number"
+        style="max-width: 8em"
+        [min]="0"
+        [max]="100"
+        [(ngModel)]="matchLostPoints"
+        [ngClass]="{ 'is-invalid': matchLostPointsInvalid }" />
     </div>
   </div>
-  
-  <label class="form-label" for="comparisonModes" translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Label"></label>
-  <select class="form-select" id="comparisonModes" [(ngModel)]="comparisonModeOptionId" [ngClass]="{ 'is-invalid': comparisonModesInvalid }">
-    <option value="" class="text-secondary" disabled translate="Portal.ViewTournament.ComputationConfigurationDialog.StandardComparisonModes"></option>
+
+  <label
+    class="form-label"
+    for="comparisonModes"
+    translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Label"></label>
+  <select
+    class="form-select"
+    id="comparisonModes"
+    [(ngModel)]="comparisonModeOptionId"
+    [ngClass]="{ 'is-invalid': comparisonModesInvalid }">
+    <option
+      value=""
+      class="text-secondary"
+      disabled
+      translate="Portal.ViewTournament.ComputationConfigurationDialog.StandardComparisonModes"></option>
     @for (entry of standardComparisonModeOptions; track entry.id) {
       <option [value]="entry.id">
         @for (mode of entry.modes; track mode; let isLast = $last) {
-          <span>{{ ('Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Values.' + mode) | translate }}</span>
+          <span>{{ 'Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Values.' + mode | translate }}</span>
           @if (!isLast) {
             <span>,&nbsp;</span>
           }
         }
       </option>
     }
-    <option value="" class="text-secondary" disabled translate="Portal.ViewTournament.ComputationConfigurationDialog.NonStandardComparisonModes"></option>
+    <option
+      value=""
+      class="text-secondary"
+      disabled
+      translate="Portal.ViewTournament.ComputationConfigurationDialog.NonStandardComparisonModes"></option>
     @for (entry of nonStandardComparisonModeOptions; track entry.id) {
       <option [value]="entry.id">
         @for (mode of entry.modes; track mode; let isLast = $last) {
-          <span>{{ ('Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Values.' + mode) | translate }}</span>
+          <span>{{ 'Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Values.' + mode | translate }}</span>
           @if (!isLast) {
             <span>,&nbsp;</span>
           }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/copy-to-clipboard/copy-to-clipboard.component.html b/src/Turnierplan.App/Client/src/app/portal/components/copy-to-clipboard/copy-to-clipboard.component.html
index 23f29843..4858eadd 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/copy-to-clipboard/copy-to-clipboard.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/copy-to-clipboard/copy-to-clipboard.component.html
@@ -1,2 +1,6 @@
-<i *ngIf="!copyToClipboardPressed" class="bi bi-copy tp-cursor-pointer" [title]="'Portal.General.CopyToClipboard' | translate" (click)="copyToClipboard()"></i>
+<i
+  *ngIf="!copyToClipboardPressed"
+  class="bi bi-copy tp-cursor-pointer"
+  [title]="'Portal.General.CopyToClipboard' | translate"
+  (click)="copyToClipboard()"></i>
 <i *ngIf="copyToClipboardPressed" class="bi bi-check-lg text-success"></i>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/delete-button/delete-button.component.html b/src/Turnierplan.App/Client/src/app/portal/components/delete-button/delete-button.component.html
index 86ff5ec5..7a4cc826 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/delete-button/delete-button.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/delete-button/delete-button.component.html
@@ -1,17 +1,24 @@
-<div [ngbPopover]="popoverContent"
-     [autoClose]="'outside'"
-     #popover="ngbPopover"
-     container="body"
-     popoverClass="tp-popover-slim"
-     [tabindex]="popover.isOpen() ? 0 : -1"
-     (keydown)="popover.isOpen() && confirmed.emit()"
-     [ngClass]="reducedFootprint ? 'tp-cursor-pointer' : 'btn btn-sm btn-outline-danger'">
+<div
+  [ngbPopover]="popoverContent"
+  [autoClose]="'outside'"
+  #popover="ngbPopover"
+  container="body"
+  popoverClass="tp-popover-slim"
+  [tabindex]="popover.isOpen() ? 0 : -1"
+  (keydown)="popover.isOpen() && confirmed.emit()"
+  [ngClass]="reducedFootprint ? 'tp-cursor-pointer' : 'btn btn-sm btn-outline-danger'">
   <i class="bi bi-trash"></i>
 </div>
 
 <ng-template #popoverContent>
   <div class="px-3 py-2 d-flex flex-row align-items-center gap-3">
-    <i class="tp-cursor-pointer bi bi-trash text-danger fs-5" (click)="confirmed.emit()" [title]="'Portal.DeleteButton.ConfirmTooltip' | translate"></i>
-    <span class="tp-cursor-pointer text-decoration-underline text-secondary" (click)="popover.close()" translate="Portal.DeleteButton.Cancel"></span>
+    <i
+      class="tp-cursor-pointer bi bi-trash text-danger fs-5"
+      (click)="confirmed.emit()"
+      [title]="'Portal.DeleteButton.ConfirmTooltip' | translate"></i>
+    <span
+      class="tp-cursor-pointer text-decoration-underline text-secondary"
+      (click)="popover.close()"
+      translate="Portal.DeleteButton.Cancel"></span>
   </div>
 </ng-template>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/delete-widget/delete-widget.component.html b/src/Turnierplan.App/Client/src/app/portal/components/delete-widget/delete-widget.component.html
index d7f7f4f8..6bf9aca3 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/delete-widget/delete-widget.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/delete-widget/delete-widget.component.html
@@ -2,13 +2,28 @@
 <div class="mb-1" translate="{{ translationKey }}.Info"></div>
 
 @if (confirmationText !== undefined) {
-  <div [ngClass]="thinLayout ? 'mb-4 d-flex flex-column align-items-start gap-2' : 'mb-4 mb-md-3 d-flex flex-column flex-md-row align-items-start align-items-md-center gap-2 gap-md-3'">
-    <div [innerHTML]="'Portal.DeleteWidget.EnterToConfirm' | translate : { text: confirmationText }" id="deleteBoxLabel"></div>
-    <input class="form-control form-control-sm" style="width: 20em;" aria-labelledby="deleteBoxLabel" [(ngModel)]="confirmationTextInput" (ngModelChange)="checkConfirmationText()"/>
+  <div
+    [ngClass]="
+      thinLayout
+        ? 'mb-4 d-flex flex-column align-items-start gap-2'
+        : 'mb-4 mb-md-3 d-flex flex-column flex-md-row align-items-start align-items-md-center gap-2 gap-md-3'
+    ">
+    <div [innerHTML]="'Portal.DeleteWidget.EnterToConfirm' | translate: { text: confirmationText }" id="deleteBoxLabel"></div>
+    <input
+      class="form-control form-control-sm"
+      style="width: 20em"
+      aria-labelledby="deleteBoxLabel"
+      [(ngModel)]="confirmationTextInput"
+      (ngModelChange)="checkConfirmationText()" />
   </div>
   <div class="d-flex flex-row">
     <div [ngClass]="{ 'tp-cursor-not-allowed': !allowDeletion }">
-      <tp-action-button [type]="'outline-danger'" [icon]="'trash'" [disabled]="!allowDeletion" [title]="'Portal.DeleteWidget.Delete'" (click)="deleteClicked()" />
+      <tp-action-button
+        [type]="'outline-danger'"
+        [icon]="'trash'"
+        [disabled]="!allowDeletion"
+        [title]="'Portal.DeleteWidget.Delete'"
+        (click)="deleteClicked()" />
     </div>
   </div>
 }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/document-config-match-plan/document-config-match-plan.component.html b/src/Turnierplan.App/Client/src/app/portal/components/document-config-match-plan/document-config-match-plan.component.html
index 5263c076..ae001fb1 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/document-config-match-plan/document-config-match-plan.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/document-config-match-plan/document-config-match-plan.component.html
@@ -1,29 +1,65 @@
 <form [formGroup]="form" class="form d-flex flex-column gap-3" (keyup.enter)="submit.next()">
   <div class="form-group">
     <div>
-      <label class="form-label" for="organizerNameOverride" translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.OrganizerNameOverride"></label>
-      <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.OrganizerNameOverrideTooltip'" />
+      <label
+        class="form-label"
+        for="organizerNameOverride"
+        translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.OrganizerNameOverride"></label>
+      <tp-tooltip-icon
+        [icon]="'question-circle'"
+        [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.OrganizerNameOverrideTooltip'" />
     </div>
-    <input class="form-control" id="organizerNameOverride" formControlName="organizerNameOverride" [ngClass]="{ 'is-invalid': organizerNameOverride.touched && !organizerNameOverride.valid }" />
-    <div class="invalid-feedback" *ngIf="organizerNameOverride.touched && !organizerNameOverride.valid" translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.OrganizerNameOverrideInvalid"></div>
+    <input
+      class="form-control"
+      id="organizerNameOverride"
+      formControlName="organizerNameOverride"
+      [ngClass]="{ 'is-invalid': organizerNameOverride.touched && !organizerNameOverride.valid }" />
+    <div
+      class="invalid-feedback"
+      *ngIf="organizerNameOverride.touched && !organizerNameOverride.valid"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.OrganizerNameOverrideInvalid"></div>
   </div>
 
   <div class="form-group">
     <div>
-      <label class="form-label" for="tournamentNameOverride" translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.TournamentNameOverride"></label>
-      <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.TournamentNameOverrideTooltip'" />
+      <label
+        class="form-label"
+        for="tournamentNameOverride"
+        translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.TournamentNameOverride"></label>
+      <tp-tooltip-icon
+        [icon]="'question-circle'"
+        [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.TournamentNameOverrideTooltip'" />
     </div>
-    <input class="form-control" id="tournamentNameOverride" formControlName="tournamentNameOverride" [ngClass]="{ 'is-invalid': tournamentNameOverride.touched && !tournamentNameOverride.valid }" />
-    <div class="invalid-feedback" *ngIf="tournamentNameOverride.touched && !tournamentNameOverride.valid" translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.TournamentNameOverrideInvalid"></div>
+    <input
+      class="form-control"
+      id="tournamentNameOverride"
+      formControlName="tournamentNameOverride"
+      [ngClass]="{ 'is-invalid': tournamentNameOverride.touched && !tournamentNameOverride.valid }" />
+    <div
+      class="invalid-feedback"
+      *ngIf="tournamentNameOverride.touched && !tournamentNameOverride.valid"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.TournamentNameOverrideInvalid"></div>
   </div>
 
   <div class="form-group">
     <div>
-      <label class="form-label" for="venueOverride" translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.VenueOverride"></label>
-      <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.VenueOverrideTooltip'" />
+      <label
+        class="form-label"
+        for="venueOverride"
+        translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.VenueOverride"></label>
+      <tp-tooltip-icon
+        [icon]="'question-circle'"
+        [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.VenueOverrideTooltip'" />
     </div>
-    <input class="form-control" id="venueOverride" formControlName="venueOverride" [ngClass]="{ 'is-invalid': venueOverride.touched && !venueOverride.valid }" />
-    <div class="invalid-feedback" *ngIf="venueOverride.touched && !venueOverride.valid" translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.VenueOverrideInvalid"></div>
+    <input
+      class="form-control"
+      id="venueOverride"
+      formControlName="venueOverride"
+      [ngClass]="{ 'is-invalid': venueOverride.touched && !venueOverride.valid }" />
+    <div
+      class="invalid-feedback"
+      *ngIf="venueOverride.touched && !venueOverride.valid"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.VenueOverrideInvalid"></div>
   </div>
 
   <div class="form-group">
@@ -48,19 +84,29 @@
 
   <div class="form-check form-switch">
     <input class="form-check-input" type="checkbox" role="switch" id="includeRankingTable" formControlName="includeRankingTable" />
-    <label class="form-check-label" for="includeRankingTable" translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeRankingTable"></label>
+    <label
+      class="form-check-label"
+      for="includeRankingTable"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeRankingTable"></label>
     @if (includeRankingTable.disabled) {
-      <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeRankingTableTooltip'" />
+      <tp-tooltip-icon
+        [icon]="'question-circle'"
+        [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeRankingTableTooltip'" />
     }
   </div>
 
   <div class="form-check form-switch">
     <input class="form-check-input" type="checkbox" role="switch" id="includeQrCode" formControlName="includeQrCode" />
-    <label class="form-check-label" for="includeQrCode" translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeQrCode"></label>
-    <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeQrCodeTooltip'" />
+    <label
+      class="form-check-label"
+      for="includeQrCode"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeQrCode"></label>
+    <tp-tooltip-icon
+      [icon]="'question-circle'"
+      [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeQrCodeTooltip'" />
   </div>
 
-  <tp-alert [type]="'info'" [icon]="'exclamation-triangle'" >
+  <tp-alert [type]="'info'" [icon]="'exclamation-triangle'">
     <div [innerHTML]="'Portal.ViewTournament.Documents.ConfigureModal.MatchPlan.IncludeQrCodeNotice' | translate"></div>
   </tp-alert>
 </form>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/document-config-receipts/document-config-receipts.component.html b/src/Turnierplan.App/Client/src/app/portal/components/document-config-receipts/document-config-receipts.component.html
index c1cb97d0..ee879c17 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/document-config-receipts/document-config-receipts.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/document-config-receipts/document-config-receipts.component.html
@@ -4,52 +4,110 @@
       <ng-container formGroupName="1">
         <div class="form-group">
           <label class="form-label" for="baseAmount" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.Amount"></label>
-          <input class="form-control" type="number" id="baseAmount" formControlName="amount" [ngClass]="{ 'is-invalid': baseAmount.touched && !baseAmount.valid }" />
-          <div class="invalid-feedback" *ngIf="baseAmount.touched && !baseAmount.valid" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.AmountInvalid"></div>
+          <input
+            class="form-control"
+            type="number"
+            id="baseAmount"
+            formControlName="amount"
+            [ngClass]="{ 'is-invalid': baseAmount.touched && !baseAmount.valid }" />
+          <div
+            class="invalid-feedback"
+            *ngIf="baseAmount.touched && !baseAmount.valid"
+            translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.AmountInvalid"></div>
         </div>
       </ng-container>
     </div>
 
     <div class="col-6 form-group">
       <label class="form-label" for="currency" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.Currency"></label>
-      <input class="form-control" type="text" id="currency" formControlName="currency" [ngClass]="{ 'is-invalid': currency.touched && !currency.valid }" />
-      <div class="invalid-feedback" *ngIf="currency.touched && !currency.valid" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.CurrencyInvalid"></div>
+      <input
+        class="form-control"
+        type="text"
+        id="currency"
+        formControlName="currency"
+        [ngClass]="{ 'is-invalid': currency.touched && !currency.valid }" />
+      <div
+        class="invalid-feedback"
+        *ngIf="currency.touched && !currency.valid"
+        translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.CurrencyInvalid"></div>
     </div>
   </div>
 
   <div class="form-group">
     <div>
       <label class="form-label" for="headerInfo" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.HeaderInfo"></label>
-      <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.HeaderInfoTooltip'" />
+      <tp-tooltip-icon
+        [icon]="'question-circle'"
+        [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.HeaderInfoTooltip'" />
     </div>
-    <input class="form-control" type="text" id="headerInfo" formControlName="headerInfo" [ngClass]="{ 'is-invalid': headerInfo.touched && !headerInfo.valid }" />
-    <div class="invalid-feedback" *ngIf="headerInfo.touched && !headerInfo.valid" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.HeaderInfoInvalid"></div>
+    <input
+      class="form-control"
+      type="text"
+      id="headerInfo"
+      formControlName="headerInfo"
+      [ngClass]="{ 'is-invalid': headerInfo.touched && !headerInfo.valid }" />
+    <div
+      class="invalid-feedback"
+      *ngIf="headerInfo.touched && !headerInfo.valid"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.HeaderInfoInvalid"></div>
   </div>
 
   <div class="form-group">
-    <label class="form-label" for="signatureLocation" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureLocation"></label>
-    <input class="form-control" type="text" id="signatureLocation" formControlName="signatureLocation" [ngClass]="{ 'is-invalid': signatureLocation.touched && !signatureLocation.valid }">
-    <div class="invalid-feedback" *ngIf="signatureLocation.touched && !signatureLocation.valid" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureLocationInvalid"></div>
+    <label
+      class="form-label"
+      for="signatureLocation"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureLocation"></label>
+    <input
+      class="form-control"
+      type="text"
+      id="signatureLocation"
+      formControlName="signatureLocation"
+      [ngClass]="{ 'is-invalid': signatureLocation.touched && !signatureLocation.valid }" />
+    <div
+      class="invalid-feedback"
+      *ngIf="signatureLocation.touched && !signatureLocation.valid"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureLocationInvalid"></div>
   </div>
 
   <div class="form-group">
     <div>
-      <label class="form-label" for="signatureRecipient" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureRecipient"></label>
-      <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureRecipientTooltip'" />
+      <label
+        class="form-label"
+        for="signatureRecipient"
+        translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureRecipient"></label>
+      <tp-tooltip-icon
+        [icon]="'question-circle'"
+        [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureRecipientTooltip'" />
     </div>
-    <input class="form-control" type="text" id="signatureRecipient" formControlName="signatureRecipient" [ngClass]="{ 'is-invalid': signatureRecipient.touched && !signatureRecipient.valid }" />
-    <div class="invalid-feedback" *ngIf="signatureRecipient.touched && !signatureRecipient.valid" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureRecipientInvalid"></div>
+    <input
+      class="form-control"
+      type="text"
+      id="signatureRecipient"
+      formControlName="signatureRecipient"
+      [ngClass]="{ 'is-invalid': signatureRecipient.touched && !signatureRecipient.valid }" />
+    <div
+      class="invalid-feedback"
+      *ngIf="signatureRecipient.touched && !signatureRecipient.valid"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.SignatureRecipientInvalid"></div>
   </div>
 
   <div class="form-check form-switch">
     <input class="form-check-input" type="checkbox" role="switch" id="showSponsorLogo" formControlName="showSponsorLogo" />
-    <label class="form-check-label" for="showSponsorLogo" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.ShowSponsorLogo"></label>
+    <label
+      class="form-check-label"
+      for="showSponsorLogo"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.ShowSponsorLogo"></label>
   </div>
 
   <div class="form-check form-switch">
     <input class="form-check-input" type="checkbox" role="switch" id="combineSimilarTeams" formControlName="combineSimilarTeams" />
-    <label class="form-check-label" for="combineSimilarTeams" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.CombineSimilarTeams"></label>
-    <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.CombineSimilarTeamsTooltip'" />
+    <label
+      class="form-check-label"
+      for="combineSimilarTeams"
+      translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.CombineSimilarTeams"></label>
+    <tp-tooltip-icon
+      [icon]="'question-circle'"
+      [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.CombineSimilarTeamsTooltip'" />
   </div>
 
   @if (combineSimilarTeams.value) {
@@ -57,7 +115,7 @@
 
     <div>
       <span translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.ReducedAmountSection"></span>
-      <tp-tooltip-icon [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.ReducedAmountTooltip'"/>
+      <tp-tooltip-icon [tooltipText]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.ReducedAmountTooltip'" />
     </div>
 
     <ng-container formGroupName="amounts">
@@ -66,16 +124,29 @@
           <div class="row">
             <div class="col-6" [formGroupName]="amountKey">
               <div class="form-group">
-                <label class="form-label" for="amount_{{amountKey}}" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.ReducedAmount" [translateParams]="{ 'teamCount': amountKey }"></label>
+                <label
+                  class="form-label"
+                  for="amount_{{ amountKey }}"
+                  translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.ReducedAmount"
+                  [translateParams]="{ teamCount: amountKey }"></label>
                 <div class="d-flex flex-row align-items-center gap-2">
-                  <input class="form-control flex-grow-1" type="number" id="amount_{{amountKey}}" formControlName="amount" [ngClass]="{ 'is-invalid': amount(amountKey).touched && !amount(amountKey).valid }" />
-                  <tp-action-button [type]="'outline-danger'"
-                                    [icon]="'x-circle'"
-                                    [mode]="'IconOnly'"
-                                    [attr.aria-label]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.RemoveReducedAmount' | translate"
-                                    (click)="removeReducedAmountEntry(amountKey)" />
+                  <input
+                    class="form-control flex-grow-1"
+                    type="number"
+                    id="amount_{{ amountKey }}"
+                    formControlName="amount"
+                    [ngClass]="{ 'is-invalid': amount(amountKey).touched && !amount(amountKey).valid }" />
+                  <tp-action-button
+                    [type]="'outline-danger'"
+                    [icon]="'x-circle'"
+                    [mode]="'IconOnly'"
+                    [attr.aria-label]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.RemoveReducedAmount' | translate"
+                    (click)="removeReducedAmountEntry(amountKey)" />
                 </div>
-                <div class="invalid-feedback" *ngIf="amount(amountKey).touched && !amount(amountKey).valid" translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.AmountInvalid"></div>
+                <div
+                  class="invalid-feedback"
+                  *ngIf="amount(amountKey).touched && !amount(amountKey).valid"
+                  translate="Portal.ViewTournament.Documents.ConfigureModal.Receipts.AmountInvalid"></div>
               </div>
             </div>
           </div>
@@ -88,10 +159,11 @@
     }
 
     @if (canAddReducedAmountEntry) {
-      <tp-action-button [type]="'outline-primary'"
-                        [icon]="'plus-circle'"
-                        [title]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.AddReducedAmount'"
-                        (click)="addReducedAmountEntry()" />
+      <tp-action-button
+        [type]="'outline-primary'"
+        [icon]="'plus-circle'"
+        [title]="'Portal.ViewTournament.Documents.ConfigureModal.Receipts.AddReducedAmount'"
+        (click)="addReducedAmountEntry()" />
     }
   }
 </form>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/document-copy/document-copy.component.html b/src/Turnierplan.App/Client/src/app/portal/components/document-copy/document-copy.component.html
index 029b935e..5b395a1e 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/document-copy/document-copy.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/document-copy/document-copy.component.html
@@ -13,10 +13,11 @@ <h4 class="modal-title" translate="Portal.ViewTournament.CopyDocumentDialog.Titl
       <hr class="d-lg-none my-3" />
       <div class="w-lg-50 pe-2 d-flex flex-column">
         @if (selectedNode) {
-          @for (entry of selectedNode.tournaments; track entry.id; let isLast=$last) {
-            <div class="invisible-button overflow-hidden text-nowrap tp-cursor-pointer d-flex flex-row align-items-center gap-2 px-2 py-1"
-                 [ngClass]="{ 'fw-bold': entry.id === selectedTournamentId, 'border-bottom': !isLast }"
-                 (click)="selectTournament(entry.id)">
+          @for (entry of selectedNode.tournaments; track entry.id; let isLast = $last) {
+            <div
+              class="invisible-button overflow-hidden text-nowrap tp-cursor-pointer d-flex flex-row align-items-center gap-2 px-2 py-1"
+              [ngClass]="{ 'fw-bold': entry.id === selectedTournamentId, 'border-bottom': !isLast }"
+              (click)="selectTournament(entry.id)">
               <i class="bi bi-trophy"></i>
               <span>{{ entry.name }}</span>
             </div>
@@ -31,10 +32,11 @@ <h4 class="modal-title" translate="Portal.ViewTournament.CopyDocumentDialog.Titl
       @if (isLoadingDocuments) {
         <tp-small-spinner class="ms-3 mt-3" />
       } @else {
-        @for (document of documents; track document.id; let isLast=$last) {
-          <div class="invisible-button overflow-hidden text-nowrap tp-cursor-pointer d-flex flex-row align-items-center gap-2 px-2 py-1"
-               [ngClass]="{ 'border-bottom': !isLast }"
-               (click)="selectDocument(document.id)">
+        @for (document of documents; track document.id; let isLast = $last) {
+          <div
+            class="invisible-button overflow-hidden text-nowrap tp-cursor-pointer d-flex flex-row align-items-center gap-2 px-2 py-1"
+            [ngClass]="{ 'border-bottom': !isLast }"
+            (click)="selectDocument(document.id)">
             <i class="bi bi-file-earmark-ruled"></i>
             <span>{{ document.name }}</span>
           </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/document-manager/document-manager.component.html b/src/Turnierplan.App/Client/src/app/portal/components/document-manager/document-manager.component.html
index e936a401..3f94bd69 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/document-manager/document-manager.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/document-manager/document-manager.component.html
@@ -1,84 +1,93 @@
 <table class="table">
   <thead>
-  <tr>
-    <th></th>
-    <th translate="Portal.ViewTournament.Documents.Name"></th>
-    <th translate="Portal.ViewTournament.Documents.LastModifiedAt"></th>
-    <th translate="Portal.ViewTournament.Documents.Generations"></th>
-    <th>
-      <span class="d-none d-md-block" translate="Portal.ViewTournament.Documents.Configure"></span>
-    </th>
-    <th colspan="2">
-      <span class="d-none d-md-block" translate="Portal.ViewTournament.Documents.Download"></span>
-    </th>
-    <th>
-      <span class="d-none d-md-block" translate="Portal.ViewTournament.Documents.Delete"></span>
-    </th>
-  </tr>
+    <tr>
+      <th></th>
+      <th translate="Portal.ViewTournament.Documents.Name"></th>
+      <th translate="Portal.ViewTournament.Documents.LastModifiedAt"></th>
+      <th translate="Portal.ViewTournament.Documents.Generations"></th>
+      <th>
+        <span class="d-none d-md-block" translate="Portal.ViewTournament.Documents.Configure"></span>
+      </th>
+      <th colspan="2">
+        <span class="d-none d-md-block" translate="Portal.ViewTournament.Documents.Download"></span>
+      </th>
+      <th>
+        <span class="d-none d-md-block" translate="Portal.ViewTournament.Documents.Delete"></span>
+      </th>
+    </tr>
   </thead>
   <tbody>
-  @for (doc of documents; track doc.id) {
-    <tr [ngClass]="{ 'recent-document': recentDocumentId === doc.id }">
-      <td style="width: 1px;" class="align-middle" [ngClass]="{ 'pe-0': currentlyUpdatingName !== doc.id }">
-        <!-- 'pe-0' of the table cell is removed while the spinner is shown to prevent "jumping" of the right hand columns -->
-        @if (currentlyUpdatingName === doc.id) {
-          <tp-small-spinner class="mx-2" />
-        } @else {
-          <tp-rename-button [translationKey]="'Portal.ViewTournament.Documents.Rename'" [displayLabel]="false" [current]="doc.name" [maxLength]="30" [disabled]="currentlyUpdatingName !== undefined" (renamed)="renameDocument(doc.id, $event)" />
-        }
-      </td>
-      <td class="align-middle">{{ doc.name }}</td>
-      <td class="align-middle">{{ doc.lastModifiedAt | translateDate : 'short' }}</td>
-      <td class="align-middle">
-        <!-- If this is removed at any point, the manual incrementation of the generationCount property on download/preview can be removed, too. -->
-        {{ doc.generationCount }}
-      </td>
-      <td class="align-middle">
-        @if (canConfigure(doc.type)) {
-          @if (currentlyLoadingConfiguration === doc.id) {
+    @for (doc of documents; track doc.id) {
+      <tr [ngClass]="{ 'recent-document': recentDocumentId === doc.id }">
+        <td style="width: 1px" class="align-middle" [ngClass]="{ 'pe-0': currentlyUpdatingName !== doc.id }">
+          <!-- 'pe-0' of the table cell is removed while the spinner is shown to prevent "jumping" of the right hand columns -->
+          @if (currentlyUpdatingName === doc.id) {
+            <tp-small-spinner class="mx-2" />
+          } @else {
+            <tp-rename-button
+              [translationKey]="'Portal.ViewTournament.Documents.Rename'"
+              [displayLabel]="false"
+              [current]="doc.name"
+              [maxLength]="30"
+              [disabled]="currentlyUpdatingName !== undefined"
+              (renamed)="renameDocument(doc.id, $event)" />
+          }
+        </td>
+        <td class="align-middle">{{ doc.name }}</td>
+        <td class="align-middle">{{ doc.lastModifiedAt | translateDate: 'short' }}</td>
+        <td class="align-middle">
+          <!-- If this is removed at any point, the manual incrementation of the generationCount property on download/preview can be removed, too. -->
+          {{ doc.generationCount }}
+        </td>
+        <td class="align-middle">
+          @if (canConfigure(doc.type)) {
+            @if (currentlyLoadingConfiguration === doc.id) {
+              <tp-small-spinner class="ms-2" />
+            } @else {
+              <tp-action-button
+                [type]="'outline-secondary'"
+                [icon]="'gear'"
+                [mode]="'IconOnly'"
+                [attr.aria-label]="'Portal.ViewTournament.Documents.Configure' | translate"
+                (click)="configureDocument(doc.id)" />
+            }
+          }
+        </td>
+        <td class="align-middle text-center pe-0" style="width: 1px">
+          @if (currentlyDownloading === doc.id) {
+            <tp-small-spinner />
+          } @else {
+            <tp-action-button
+              [type]="'outline-primary'"
+              [icon]="'download'"
+              [mode]="'IconOnly'"
+              [disabled]="downloadOrPreviewDisabled"
+              [attr.aria-label]="'Portal.ViewTournament.Documents.Download' | translate"
+              (click)="downloadDocument(doc.id)" />
+          }
+        </td>
+        <td class="align-middle">
+          @if (currentlyLoadingPreview === doc.id) {
             <tp-small-spinner class="ms-2" />
           } @else {
-            <tp-action-button [type]="'outline-secondary'"
-                              [icon]="'gear'"
-                              [mode]="'IconOnly'"
-                              [attr.aria-label]="'Portal.ViewTournament.Documents.Configure' | translate"
-                              (click)="configureDocument(doc.id)" />
+            <tp-action-button
+              class="d-none d-md-block"
+              [type]="currentlyViewedDocumentId === doc.id ? 'success' : 'outline-success'"
+              [icon]="'file-earmark-pdf'"
+              [title]="'Portal.ViewTournament.Documents.OpenPreview'"
+              [disabled]="downloadOrPreviewDisabled"
+              (click)="previewDocument(doc.id)" />
           }
-        }
-      </td>
-      <td class="align-middle text-center pe-0" style="width: 1px;">
-        @if (currentlyDownloading === doc.id) {
-          <tp-small-spinner />
-        } @else {
-          <tp-action-button [type]="'outline-primary'"
-                            [icon]="'download'"
-                            [mode]="'IconOnly'"
-                            [disabled]="downloadOrPreviewDisabled"
-                            [attr.aria-label]="'Portal.ViewTournament.Documents.Download' | translate"
-                            (click)="downloadDocument(doc.id)" />
-        }
-      </td>
-      <td class="align-middle">
-        @if (currentlyLoadingPreview === doc.id) {
-          <tp-small-spinner class="ms-2" />
-        } @else {
-          <tp-action-button class="d-none d-md-block"
-                            [type]="currentlyViewedDocumentId === doc.id ? 'success' : 'outline-success'"
-                            [icon]="'file-earmark-pdf'"
-                            [title]="'Portal.ViewTournament.Documents.OpenPreview'"
-                            [disabled]="downloadOrPreviewDisabled"
-                            (click)="previewDocument(doc.id)" />
-        }
-      </td>
-      <td class="align-middle">
-        <tp-delete-button (confirmed)="deleteDocument(doc.id)" />
-      </td>
-    </tr>
-  } @empty {
-    <tr>
-      <td translate="Portal.ViewTournament.Documents.NoDocuments" colspan="8"></td>
-    </tr>
-  }
+        </td>
+        <td class="align-middle">
+          <tp-delete-button (confirmed)="deleteDocument(doc.id)" />
+        </td>
+      </tr>
+    } @empty {
+      <tr>
+        <td translate="Portal.ViewTournament.Documents.NoDocuments" colspan="8"></td>
+      </tr>
+    }
   </tbody>
 </table>
 
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/duration-picker/duration-picker.component.html b/src/Turnierplan.App/Client/src/app/portal/components/duration-picker/duration-picker.component.html
index bb45d2d7..807be830 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/duration-picker/duration-picker.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/duration-picker/duration-picker.component.html
@@ -1,5 +1,21 @@
 <div class="d-flex flex-row align-items-center gap-1">
-  <input class="form-control form-control-sm" style="width: 6em;" type="number" min="0" max="1439" step="1" [(ngModel)]="minutes" (ngModelChange)="valueChanged()" />
+  <input
+    class="form-control form-control-sm"
+    style="width: 6em"
+    type="number"
+    min="0"
+    max="1439"
+    step="1"
+    [(ngModel)]="minutes"
+    (ngModelChange)="valueChanged()" />
   <span>:</span>
-  <input class="form-control form-control-sm" style="width: 6em;" type="number" min="0" max="60" step="1" [(ngModel)]="seconds" (ngModelChange)="valueChanged()" />
+  <input
+    class="form-control form-control-sm"
+    style="width: 6em"
+    type="number"
+    min="0"
+    max="60"
+    step="1"
+    [(ngModel)]="seconds"
+    (ngModelChange)="valueChanged()" />
 </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/edit-match/edit-match.component.html b/src/Turnierplan.App/Client/src/app/portal/components/edit-match/edit-match.component.html
index 2c85bb31..f922e91f 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/edit-match/edit-match.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/edit-match/edit-match.component.html
@@ -4,13 +4,29 @@ <h4 class="modal-title" translate="Portal.ViewTournament.EditMatchDialog.Title">
 </div>
 <div *ngIf="match" class="modal-body p-0 d-flex flex-column">
   <div class="border-bottom tp-border-card py-3 d-flex flex-row justify-content-center gap-4">
-    <ng-container *ngTemplateOutlet="matchInfoColumn; context: { 'name': 'Portal.ViewTournament.EditMatchDialog.Index', 'value': match.index }"></ng-container>
+    <ng-container
+      *ngTemplateOutlet="
+        matchInfoColumn;
+        context: { name: 'Portal.ViewTournament.EditMatchDialog.Index', value: match.index }
+      "></ng-container>
     @if (match.kickoff) {
-      <ng-container *ngTemplateOutlet="matchInfoColumn; context: { 'name': 'Portal.ViewTournament.EditMatchDialog.Kickoff', 'value': (match.kickoff | translateDate : 'shortTime') }"></ng-container>
+      <ng-container
+        *ngTemplateOutlet="
+          matchInfoColumn;
+          context: { name: 'Portal.ViewTournament.EditMatchDialog.Kickoff', value: (match.kickoff | translateDate: 'shortTime') }
+        "></ng-container>
     }
-    <ng-container *ngTemplateOutlet="matchInfoColumn; context: { 'name': 'Portal.ViewTournament.EditMatchDialog.Type', 'value': match.type.displayName }"></ng-container>
+    <ng-container
+      *ngTemplateOutlet="
+        matchInfoColumn;
+        context: { name: 'Portal.ViewTournament.EditMatchDialog.Type', value: match.type.displayName }
+      "></ng-container>
     @if (match.group.length > 0) {
-      <ng-container *ngTemplateOutlet="matchInfoColumn; context: { 'name': 'Portal.ViewTournament.EditMatchDialog.Group', 'value': match.group }"></ng-container>
+      <ng-container
+        *ngTemplateOutlet="
+          matchInfoColumn;
+          context: { name: 'Portal.ViewTournament.EditMatchDialog.Group', value: match.group }
+        "></ng-container>
     }
   </div>
 
@@ -20,8 +36,15 @@ <h4 class="modal-title" translate="Portal.ViewTournament.EditMatchDialog.Title">
       <span class="small">{{ match.teamSelectorA }}</span>
       <div class="mt-4 align-self-end d-flex flex-column align-items-center gap-2">
         <i class="bi bi-chevron-up tp-cursor-pointer" (click)="scoreTeamA = scoreTeamA + 1"></i>
-        <input class="form-control match-result-input tp-no-spin-buttons text-center" type="number" min="0" step="1" [(ngModel)]="scoreTeamA" (keydown.enter)="closeModal('save')" #inputScoreA />
-        <i class="bi bi-chevron-down tp-cursor-pointer" (click)="(scoreTeamA >= 1) && (scoreTeamA = scoreTeamA - 1)"></i>
+        <input
+          class="form-control match-result-input tp-no-spin-buttons text-center"
+          type="number"
+          min="0"
+          step="1"
+          [(ngModel)]="scoreTeamA"
+          (keydown.enter)="closeModal('save')"
+          #inputScoreA />
+        <i class="bi bi-chevron-down tp-cursor-pointer" (click)="scoreTeamA >= 1 && (scoreTeamA = scoreTeamA - 1)"></i>
       </div>
     </div>
     <div class="pt-3 pb-4 ps-4 col-6 d-flex flex-column justify-content-between border-start tp-border-card">
@@ -29,17 +52,32 @@ <h4 class="modal-title" translate="Portal.ViewTournament.EditMatchDialog.Title">
       <span class="small">{{ match.teamSelectorB }}</span>
       <div class="mt-4 align-self-start d-flex flex-column align-items-center gap-2">
         <i class="bi bi-chevron-up tp-cursor-pointer" (click)="scoreTeamB = scoreTeamB + 1"></i>
-        <input class="form-control match-result-input tp-no-spin-buttons text-center" type="number" min="0" step="1" [(ngModel)]="scoreTeamB" (keydown.enter)="closeModal('save')" />
-        <i class="bi bi-chevron-down tp-cursor-pointer" (click)="(scoreTeamB >= 1) && (scoreTeamB = scoreTeamB - 1)"></i>
+        <input
+          class="form-control match-result-input tp-no-spin-buttons text-center"
+          type="number"
+          min="0"
+          step="1"
+          [(ngModel)]="scoreTeamB"
+          (keydown.enter)="closeModal('save')" />
+        <i class="bi bi-chevron-down tp-cursor-pointer" (click)="scoreTeamB >= 1 && (scoreTeamB = scoreTeamB - 1)"></i>
       </div>
     </div>
   </div>
-  
+
   <div class="border-top tp-border-card py-3 d-flex flex-row flex-wrap justify-content-center gap-3">
     @for (type of matchOutcomeTypes; track type) {
       <div class="form-check">
-        <input class="form-check-input" type="radio" name="outcomeType" [id]="'outcomeType_' + type" [checked]="outcomeType === type" (change)="outcomeType = type" />
-        <label class="form-check-label" [for]="'outcomeType_' + type" [translate]="'Portal.ViewTournament.EditMatchDialog.OutcomeType.' + type"></label>
+        <input
+          class="form-check-input"
+          type="radio"
+          name="outcomeType"
+          [id]="'outcomeType_' + type"
+          [checked]="outcomeType === type"
+          (change)="outcomeType = type" />
+        <label
+          class="form-check-label"
+          [for]="'outcomeType_' + type"
+          [translate]="'Portal.ViewTournament.EditMatchDialog.OutcomeType.' + type"></label>
       </div>
     }
   </div>
@@ -60,7 +98,7 @@ <h4 class="modal-title" translate="Portal.ViewTournament.EditMatchDialog.Title">
   <tp-action-button [type]="'outline-dark'" [title]="'Portal.General.Cancel'" (click)="closeModal('cancel')" />
   <tp-action-button [type]="'outline-danger'" [title]="'Portal.ViewTournament.EditMatchDialog.Clear'" (click)="closeModal('clear')" />
   <div class="flex-grow-1"></div>
-  
+
   <button type="button" class="btn btn-sm btn-outline-secondary text-nowrap" (click)="closeModal('saveLive')">
     <!-- Don't use tp-action-button here because we need to include another component inside the button content.  -->
     <tp-live-indicator class="me-1" />
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/error-page/error-page.component.html b/src/Turnierplan.App/Client/src/app/portal/components/error-page/error-page.component.html
index 2aaf77d3..2dc949ad 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/error-page/error-page.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/error-page/error-page.component.html
@@ -3,10 +3,11 @@
   <div class="mt-5 text-center">
     <ng-content></ng-content>
   </div>
-  <tp-action-button *ngIf="actionButton"
-                    class="mt-4"
-                    [title]="actionButton.label"
-                    [type]="'outline-success'"
-                    [icon]="actionButton.icon"
-                    [routerLink]="actionButton.routerLink" />
+  <tp-action-button
+    *ngIf="actionButton"
+    class="mt-4"
+    [title]="actionButton.label"
+    [type]="'outline-success'"
+    [icon]="actionButton.icon"
+    [routerLink]="actionButton.routerLink" />
 </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/folder-tree/folder-tree.component.html b/src/Turnierplan.App/Client/src/app/portal/components/folder-tree/folder-tree.component.html
index 0dddb781..14027617 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/folder-tree/folder-tree.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/folder-tree/folder-tree.component.html
@@ -1,9 +1,10 @@
 @for (node of treeData; track node.id) {
-  <div class="overflow-hidden text-nowrap tp-cursor-pointer d-flex flex-row align-items-center gap-2 mb-1"
-       [ngClass]="{ 'fw-bold': node.id === selectedFolder }"
-       [ngStyle]="{ 'margin-left': node.indentation * 15 + 'px', 'padding-left': '3px' }"
-       [title]="node.label"
-       (click)="selectedFolder = node.id; selectedFolderChange.emit(node.id)">
+  <div
+    class="overflow-hidden text-nowrap tp-cursor-pointer d-flex flex-row align-items-center gap-2 mb-1"
+    [ngClass]="{ 'fw-bold': node.id === selectedFolder }"
+    [ngStyle]="{ 'margin-left': node.indentation * 15 + 'px', 'padding-left': '3px' }"
+    [title]="node.label"
+    (click)="selectedFolder = node.id; selectedFolderChange.emit(node.id)">
     @if (node.isRoot) {
       <i class="bi bi-boxes"></i>
     } @else if (node.id === selectedFolder) {
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/groups/groups.component.html b/src/Turnierplan.App/Client/src/app/portal/components/groups/groups.component.html
index fd36623a..d6ce3dd9 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/groups/groups.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/groups/groups.component.html
@@ -1,37 +1,38 @@
 @for (group of groups; track group.alphabeticalId; let isLast = $last) {
   <table class="table table-hover" [ngClass]="{ 'mb-4': !isLast }" [attr.aria-describedby]="'groupName' + group.id.toString()">
     <thead>
-    <tr>
-      <th scope="colgroup" class="text-center" colspan="9">
-        <span id="groupName{{ group.id }}">
-          @if (group.showLoadingIndicator) {
-            <tp-small-spinner />
-          } @else {
-            {{ group.displayName }}
-          }
-          <tp-rename-button class="ms-3"
-                            translationKey="Portal.ViewTournament.Group.Rename"
-                            [disabled]="isUpdatingAnyGroup"
-                            [displayLabel]="false"
-                            [allowReset]="true"
-                            [maxLength]="25"
-                            [current]="group.hasCustomDisplayName ? group.displayName : undefined"
-                            (renamed)="renameGroup(group.id, $event)"
-                            (resetName)="renameGroup(group.id, undefined)"/>
-        </span>
-      </th>
-    </tr>
-    <tr>
-      <th scope="col" class="text-center" style="width: 5%;" translate="Portal.ViewTournament.Group.Position"></th>
-      <th scope="col" class="text-center" style="width: 55%;" translate="Portal.ViewTournament.Group.Team"></th>
-      <th scope="col" class="text-center" style="width: 5%;" translate="Portal.ViewTournament.Group.Matches"></th>
-      <th scope="col" class="text-center" style="width: 5%;" translate="Portal.ViewTournament.Group.MatchesWon"></th>
-      <th scope="col" class="text-center" style="width: 5%;" translate="Portal.ViewTournament.Group.MatchesDrawn"></th>
-      <th scope="col" class="text-center" style="width: 5%;" translate="Portal.ViewTournament.Group.MatchesLost"></th>
-      <th scope="col" class="text-center" style="width: 10%;" translate="Portal.ViewTournament.Group.Score"></th>
-      <th scope="col" class="text-center" style="width: 5%;" translate="Portal.ViewTournament.Group.ScoreDifference"></th>
-      <th scope="col" class="text-center" style="width: 5%;" translate="Portal.ViewTournament.Group.Points"></th>
-    </tr>
+      <tr>
+        <th scope="colgroup" class="text-center" colspan="9">
+          <span id="groupName{{ group.id }}">
+            @if (group.showLoadingIndicator) {
+              <tp-small-spinner />
+            } @else {
+              {{ group.displayName }}
+            }
+            <tp-rename-button
+              class="ms-3"
+              translationKey="Portal.ViewTournament.Group.Rename"
+              [disabled]="isUpdatingAnyGroup"
+              [displayLabel]="false"
+              [allowReset]="true"
+              [maxLength]="25"
+              [current]="group.hasCustomDisplayName ? group.displayName : undefined"
+              (renamed)="renameGroup(group.id, $event)"
+              (resetName)="renameGroup(group.id, undefined)" />
+          </span>
+        </th>
+      </tr>
+      <tr>
+        <th scope="col" class="text-center" style="width: 5%" translate="Portal.ViewTournament.Group.Position"></th>
+        <th scope="col" class="text-center" style="width: 55%" translate="Portal.ViewTournament.Group.Team"></th>
+        <th scope="col" class="text-center" style="width: 5%" translate="Portal.ViewTournament.Group.Matches"></th>
+        <th scope="col" class="text-center" style="width: 5%" translate="Portal.ViewTournament.Group.MatchesWon"></th>
+        <th scope="col" class="text-center" style="width: 5%" translate="Portal.ViewTournament.Group.MatchesDrawn"></th>
+        <th scope="col" class="text-center" style="width: 5%" translate="Portal.ViewTournament.Group.MatchesLost"></th>
+        <th scope="col" class="text-center" style="width: 10%" translate="Portal.ViewTournament.Group.Score"></th>
+        <th scope="col" class="text-center" style="width: 5%" translate="Portal.ViewTournament.Group.ScoreDifference"></th>
+        <th scope="col" class="text-center" style="width: 5%" translate="Portal.ViewTournament.Group.Points"></th>
+      </tr>
     </thead>
     <tbody>
       @for (team of group.teams; track team.id) {
@@ -56,22 +57,22 @@
 } @empty {
   <table class="table table-hover">
     <thead>
-    <tr>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Position"></th>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Team"></th>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Matches"></th>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.MatchesWon"></th>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.MatchesDrawn"></th>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.MatchesLost"></th>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Score"></th>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.ScoreDifference"></th>
-      <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Points"></th>
-    </tr>
+      <tr>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Position"></th>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Team"></th>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Matches"></th>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.MatchesWon"></th>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.MatchesDrawn"></th>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.MatchesLost"></th>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Score"></th>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.ScoreDifference"></th>
+        <th scope="col" class="text-center" translate="Portal.ViewTournament.Group.Points"></th>
+      </tr>
     </thead>
     <tbody>
-    <tr>
-      <td translate="Portal.ViewTournament.Group.NoGroups" colspan="9"></td>
-    </tr>
+      <tr>
+        <td translate="Portal.ViewTournament.Group.NoGroups" colspan="9"></td>
+      </tr>
     </tbody>
   </table>
 }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/illustration/illustration.component.html b/src/Turnierplan.App/Client/src/app/portal/components/illustration/illustration.component.html
index cb05d3b7..00579446 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/illustration/illustration.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/illustration/illustration.component.html
@@ -1,3 +1,4 @@
-<img src="./assets/illustration/{{ name }}.svg"
-     [ngClass]="small ? 'small' : 'normal'"
-     alt="{{ 'Portal.General.IllustrationAlt' | translate : { description: name } }}" />
+<img
+  src="./assets/illustration/{{ name }}.svg"
+  [ngClass]="small ? 'small' : 'normal'"
+  alt="{{ 'Portal.General.IllustrationAlt' | translate: { description: name } }}" />
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/image-chooser/image-chooser.component.html b/src/Turnierplan.App/Client/src/app/portal/components/image-chooser/image-chooser.component.html
index 91f20057..55953eb8 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/image-chooser/image-chooser.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/image-chooser/image-chooser.component.html
@@ -13,14 +13,22 @@ <h4 class="modal-title" [translate]="'Portal.ViewTournament.Settings.EditImages.
         <i class="bi bi-info-circle align-self-start"></i>
         <span class="flex-grow-1" [translate]="'Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.Title'"></span>
       </div>
-      
+
       <div class="px-3 mt-4 d-flex flex-row align-items-center justify-content-evenly">
-        <img style="max-width: 9em;" [src]="imageForDetailView!.url" [alt]="imageForDetailView!.name" [title]="imageForDetailView!.name" />
+        <img style="max-width: 9em" [src]="imageForDetailView!.url" [alt]="imageForDetailView!.name" [title]="imageForDetailView!.name" />
         <div>
-          <div translate="Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.Name" [translateParams]="{ value: imageForDetailView!.name }"></div>
-          <div translate="Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.CreatedAt" [translateParams]="{ value: imageForDetailView!.createdAt | translateDate : 'medium' }"></div>
-          <div translate="Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.FileSize" [translateParams]="{ value: getRoundedFileSize(imageForDetailView!.fileSize) }"></div>
-          <div translate="Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.Resolution" [translateParams]="{ width: imageForDetailView!.width, height: imageForDetailView!.height }"></div>
+          <div
+            translate="Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.Name"
+            [translateParams]="{ value: imageForDetailView!.name }"></div>
+          <div
+            translate="Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.CreatedAt"
+            [translateParams]="{ value: imageForDetailView!.createdAt | translateDate: 'medium' }"></div>
+          <div
+            translate="Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.FileSize"
+            [translateParams]="{ value: getRoundedFileSize(imageForDetailView!.fileSize) }"></div>
+          <div
+            translate="Portal.ViewTournament.Settings.EditImages.Chooser.DetailView.Resolution"
+            [translateParams]="{ width: imageForDetailView!.width, height: imageForDetailView!.height }"></div>
         </div>
         <div class="d-flex flex-column align-items-center">
           <tp-delete-button (confirmed)="deleteCurrentViewedImage()" />
@@ -35,25 +43,46 @@ <h4 class="modal-title" [translate]="'Portal.ViewTournament.Settings.EditImages.
         @if (isUploadingImage) {
           <tp-small-spinner />
         } @else {
-          <tp-action-button [type]="'outline-primary'" [icon]="'cloud-upload-fill'" [title]="'Portal.ViewTournament.Settings.EditImages.Chooser.Upload'" (click)="openFileSelectionDialog()" />
+          <tp-action-button
+            [type]="'outline-primary'"
+            [icon]="'cloud-upload-fill'"
+            [title]="'Portal.ViewTournament.Settings.EditImages.Chooser.Upload'"
+            (click)="openFileSelectionDialog()" />
         }
       </div>
 
       @if (hasUploadError) {
-        <tp-alert class="px-3 my-3" [type]="'danger'" [icon]="'exclamation-octagon'" [text]="'Portal.ViewTournament.Settings.EditImages.Chooser.UploadFailed'" />
+        <tp-alert
+          class="px-3 my-3"
+          [type]="'danger'"
+          [icon]="'exclamation-octagon'"
+          [text]="'Portal.ViewTournament.Settings.EditImages.Chooser.UploadFailed'" />
       }
 
       <div class="p-3 d-flex flex-row flex-wrap gap-2 overflow-y-scroll justify-content-start image-container">
         @for (image of existingImages; track image.id) {
-          <div class="border shadow-sm image-tile position-relative" [ngClass]="{ 'border-success current': image.id === currentImageId, 'hover-override': image.id === hoverOverrideImageId }">
-            <div class="hover-buttons d-none position-absolute flex-row align-items-center justify-content-center gap-2" style="top: 0; left: 0;">
+          <div
+            class="border shadow-sm image-tile position-relative"
+            [ngClass]="{ 'border-success current': image.id === currentImageId, 'hover-override': image.id === hoverOverrideImageId }">
+            <div
+              class="hover-buttons d-none position-absolute flex-row align-items-center justify-content-center gap-2"
+              style="top: 0; left: 0">
               <tp-action-button [type]="'primary'" [mode]="'IconOnly'" [icon]="'info-circle'" (click)="imageForDetailView = image" />
               @if (image.id !== currentImageId) {
-                <tp-action-button [type]="'success'" [mode]="'IconOnly'" [icon]="'check-lg'" (click)="image.id !== currentImageId && modal.close(image.id)" />
+                <tp-action-button
+                  [type]="'success'"
+                  [mode]="'IconOnly'"
+                  [icon]="'check-lg'"
+                  (click)="image.id !== currentImageId && modal.close(image.id)" />
               }
             </div>
             <div class="image-wrapper d-flex flex-column align-items-center justify-content-center">
-              <img style="max-width: 9em;" [src]="image.url" [alt]="image.name" [title]="image.name" (click)="hoverOverrideImageId = image.id" />
+              <img
+                style="max-width: 9em"
+                [src]="image.url"
+                [alt]="image.name"
+                [title]="image.name"
+                (click)="hoverOverrideImageId = image.id" />
             </div>
           </div>
         } @empty {
@@ -68,7 +97,10 @@ <h4 class="modal-title" [translate]="'Portal.ViewTournament.Settings.EditImages.
         <tp-action-button [type]="'outline-dark'" [title]="'Portal.General.Back'" (click)="imageForDetailView = undefined" />
       } @else {
         @if (currentImageId !== undefined && !isInImageDetailView) {
-          <tp-action-button [type]="'outline-secondary'" [title]="'Portal.ViewTournament.Settings.EditImages.Chooser.Remove'" (click)="modal.close(undefined)" />
+          <tp-action-button
+            [type]="'outline-secondary'"
+            [title]="'Portal.ViewTournament.Settings.EditImages.Chooser.Remove'"
+            (click)="modal.close(undefined)" />
         }
         <tp-action-button [type]="'outline-dark'" [title]="'Portal.General.Cancel'" (click)="modal.dismiss()" />
       }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/image-widget/image-widget.component.html b/src/Turnierplan.App/Client/src/app/portal/components/image-widget/image-widget.component.html
index c700fa52..91799dd7 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/image-widget/image-widget.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/image-widget/image-widget.component.html
@@ -1,20 +1,23 @@
 <div class="d-flex flex-row flex-md-column align-items-center gap-3 gap-md-2">
   @if (currentImage) {
     <div class="border p-1 shadow-sm">
-      <div style="width: 10em; height: 10em;" class="d-flex flex-column justify-content-center">
-        <img style="max-width: 10em;" [src]="currentImage.url" [alt]="currentImage.name" />
+      <div style="width: 10em; height: 10em" class="d-flex flex-column justify-content-center">
+        <img style="max-width: 10em" [src]="currentImage.url" [alt]="currentImage.name" />
       </div>
     </div>
   } @else {
     <div class="border p-1 shadow-sm">
-      <div style="width: 10em; height: 10em;" class="d-flex flex-row align-items-center justify-content-center">
+      <div style="width: 10em; height: 10em" class="d-flex flex-row align-items-center justify-content-center">
         <i class="text-secondary fs-1 bi bi-image-alt"></i>
       </div>
     </div>
   }
   <div class="d-flex flex-column align-items-start align-items-md-center gap-1">
     <div class="fst-italic" [translate]="'Portal.ViewTournament.Settings.EditImages.ImageAlt.' + imageAlt"></div>
-    <tp-action-button [type]="'outline-secondary'" [title]="'Portal.ViewTournament.Settings.EditImages.Change'" [icon]="'pencil'" (click)="openSelectionDialog()" />
+    <tp-action-button
+      [type]="'outline-secondary'"
+      [title]="'Portal.ViewTournament.Settings.EditImages.Change'"
+      [icon]="'pencil'"
+      (click)="openSelectionDialog()" />
   </div>
 </div>
-
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/live-indicator/live-indicator.component.html b/src/Turnierplan.App/Client/src/app/portal/components/live-indicator/live-indicator.component.html
index 1f4adcc9..8c14cfec 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/live-indicator/live-indicator.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/live-indicator/live-indicator.component.html
@@ -1,4 +1,4 @@
-<span class="text-danger fw-bold text-nowrap" style="font-size: 0.75em;">
+<span class="text-danger fw-bold text-nowrap" style="font-size: 0.75em">
   <i class="bi bi-circle-fill me-1"></i>
   <span>LIVE</span>
 </span>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/loading-error/loading-error.component.html b/src/Turnierplan.App/Client/src/app/portal/components/loading-error/loading-error.component.html
index ec3e6828..9f04657b 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/loading-error/loading-error.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/loading-error/loading-error.component.html
@@ -1,5 +1,7 @@
 @if (statusCode === 404) {
-  <tp-error-page [illustrationName]="'taken'" [actionButton]="{
+  <tp-error-page
+    [illustrationName]="'taken'"
+    [actionButton]="{
       label: 'Portal.General.BackToLandingPage',
       icon: 'house',
       routerLink: '/portal'
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/match-plan/match-plan.component.html b/src/Turnierplan.App/Client/src/app/portal/components/match-plan/match-plan.component.html
index fd2c2930..12f396af 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/match-plan/match-plan.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/match-plan/match-plan.component.html
@@ -1,72 +1,72 @@
 <table class="table table-hover" [attr.aria-label]="'Portal.ViewTournament.MatchPlan.TableLabel' | translate">
   <thead>
-  <tr>
-    <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Index"></th>
-    <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Group"></th>
-    @if (showCourtColumn) {
-      <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Court"></th>
-    }
-    <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Kickoff"></th>
-    <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Teams" colspan="2"></th>
-    <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Outcome" [attr.colspan]="showAccumulatedScore ? 2 : 1"></th>
-  </tr>
-  </thead>
-  <tbody>
-  @if (matchCount === 0) {
     <tr>
-      <td translate="Portal.ViewTournament.MatchPlan.NoMatches" [attr.colspan]="columnCount"></td>
+      <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Index"></th>
+      <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Group"></th>
+      @if (showCourtColumn) {
+        <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Court"></th>
+      }
+      <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Kickoff"></th>
+      <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Teams" colspan="2"></th>
+      <th class="text-center" translate="Portal.ViewTournament.MatchPlan.Outcome" [attr.colspan]="showAccumulatedScore ? 2 : 1"></th>
     </tr>
-  }
-  @for (matchGroup of groupedMatches; track matchGroup) {
-    @if (matchGroup.title.displayName.length > 0 && !matchGroup.title.hideOnMatchPlan) {
+  </thead>
+  <tbody>
+    @if (matchCount === 0) {
       <tr>
-        <td class="pe-none fw-bold text-center" [attr.colspan]="columnCount">{{ matchGroup.title.displayName }}</td>
+        <td translate="Portal.ViewTournament.MatchPlan.NoMatches" [attr.colspan]="columnCount"></td>
       </tr>
     }
-    @for (match of matchGroup.matches; track match) {
-      <tr class="tp-cursor-pointer" (click)="matchClick.emit(match.id)">
-        <td class="text-center align-middle">{{ match.index }}</td>
-        <td class="text-center align-middle">{{ match.group }}</td>
-        @if (showCourtColumn) {
-          <td class="text-center align-middle">{{ match.court }}</td>
-        }
-        <td class="text-center align-middle">
-          @if (match.kickoff) {
-            {{ match.kickoff | translateDate : (showKickoffWithSeconds ? 'mediumTime' : 'shortTime') }}
+    @for (matchGroup of groupedMatches; track matchGroup) {
+      @if (matchGroup.title.displayName.length > 0 && !matchGroup.title.hideOnMatchPlan) {
+        <tr>
+          <td class="pe-none fw-bold text-center" [attr.colspan]="columnCount">{{ matchGroup.title.displayName }}</td>
+        </tr>
+      }
+      @for (match of matchGroup.matches; track match) {
+        <tr class="tp-cursor-pointer" (click)="matchClick.emit(match.id)">
+          <td class="text-center align-middle">{{ match.index }}</td>
+          <td class="text-center align-middle">{{ match.group }}</td>
+          @if (showCourtColumn) {
+            <td class="text-center align-middle">{{ match.court }}</td>
           }
-        </td>
-        <td class="align-middle">
-          <div class="d-flex flex-column">
-            <span>{{ match.teamA }}</span>
-            <span class="team-selector">{{ match.teamSelectorA }}</span>
-          </div>
-        </td>
-        <td class="align-middle">
-          <div class="d-flex flex-column">
-            <span>{{ match.teamB }}</span>
-            <span class="team-selector">{{ match.teamSelectorB }}</span>
-          </div>
-        </td>
-        <td class="text-center align-middle">
-          @if (match.showLoadingIndicator) {
-            <tp-small-spinner />
-          } @else {
-            <span>{{ match.scoreA ?? '' }}:{{ match.scoreB ?? ''}}</span>
-            @if (match.outcomeType !== undefined && match.outcomeType !== 'Standard') {
-              <span class="ms-1" [translate]="'General.MatchOutcomeType.' + match.outcomeType"></span>
-            }
-            @if (match.isLive) {
-              <tp-live-indicator class="ms-2" />
+          <td class="text-center align-middle">
+            @if (match.kickoff) {
+              {{ match.kickoff | translateDate: (showKickoffWithSeconds ? 'mediumTime' : 'shortTime') }}
             }
-          }
-        </td>
-        @if (showAccumulatedScore) {
+          </td>
+          <td class="align-middle">
+            <div class="d-flex flex-column">
+              <span>{{ match.teamA }}</span>
+              <span class="team-selector">{{ match.teamSelectorA }}</span>
+            </div>
+          </td>
+          <td class="align-middle">
+            <div class="d-flex flex-column">
+              <span>{{ match.teamB }}</span>
+              <span class="team-selector">{{ match.teamSelectorB }}</span>
+            </div>
+          </td>
           <td class="text-center align-middle">
-            {{ match.scoreAccumulated ?? '' }}
+            @if (match.showLoadingIndicator) {
+              <tp-small-spinner />
+            } @else {
+              <span>{{ match.scoreA ?? '' }}:{{ match.scoreB ?? '' }}</span>
+              @if (match.outcomeType !== undefined && match.outcomeType !== 'Standard') {
+                <span class="ms-1" [translate]="'General.MatchOutcomeType.' + match.outcomeType"></span>
+              }
+              @if (match.isLive) {
+                <tp-live-indicator class="ms-2" />
+              }
+            }
           </td>
-        }
-      </tr>
+          @if (showAccumulatedScore) {
+            <td class="text-center align-middle">
+              {{ match.scoreAccumulated ?? '' }}
+            </td>
+          }
+        </tr>
+      }
     }
-  }
   </tbody>
 </table>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/match-tree/match-tree.component.html b/src/Turnierplan.App/Client/src/app/portal/components/match-tree/match-tree.component.html
index 5bc65c52..2ee10614 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/match-tree/match-tree.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/match-tree/match-tree.component.html
@@ -12,7 +12,12 @@
       <ng-container *ngTemplateOutlet="matchTile; context: { $implicit: match, isPlayoff: true }" />
     }
 
-    <svg class="position-absolute top-0 start-0 pe-none" style="z-index: -1;" [attr.width]="connectingLinesSvgWidth" [attr.height]="connectingLinesSvgHeight" #linesSvg>
+    <svg
+      class="position-absolute top-0 start-0 pe-none"
+      style="z-index: -1"
+      [attr.width]="connectingLinesSvgWidth"
+      [attr.height]="connectingLinesSvgHeight"
+      #linesSvg>
       @for (line of connectingLines; track line) {
         <line [attr.x1]="line.x1" [attr.y1]="line.y1" [attr.x2]="line.x2" [attr.y2]="line.y2" stroke="#777777" stroke-width="1" />
       }
@@ -25,36 +30,39 @@
 </div>
 
 <ng-template #matchTile let-match let-isPlayoff="isPlayoff">
-  <div id="match-tile-{{ match.id }}"
-       class="card tp-cursor-pointer shadow-sm"
-       [ngStyle]="{ 'width': '300px', 'display': isPlayoff ? 'none' : 'block' }"
-       [ngClass]="{ 'position-absolute': isPlayoff }"
-       (click)="matchClick.emit(match.id)"
-       #matchTile>
+  <div
+    id="match-tile-{{ match.id }}"
+    class="card tp-cursor-pointer shadow-sm"
+    [ngStyle]="{ width: '300px', display: isPlayoff ? 'none' : 'block' }"
+    [ngClass]="{ 'position-absolute': isPlayoff }"
+    (click)="matchClick.emit(match.id)"
+    #matchTile>
     <div class="card-header d-flex flex-row justify-content-between">
       <span class="small">{{ match.index }}</span>
       <span class="fw-bold">{{ match.type.displayName }}</span>
       <span class="small">
         @if (match.kickoff) {
-          {{ match.kickoff | translateDate : (showKickoffWithSeconds ? 'mediumTime' : 'shortTime') }}
+          {{ match.kickoff | translateDate: (showKickoffWithSeconds ? 'mediumTime' : 'shortTime') }}
         }
       </span>
     </div>
     <div class="card-body p-2 d-flex flex-column">
       <div class="d-flex flex-row align-items-center">
-        <div class="flex-grow-1" style="line-height: 1.2em;">
+        <div class="flex-grow-1" style="line-height: 1.2em">
           @if (match.teamA.length > 0) {
-            <div [title]="match.teamA" style="max-width: 230px; text-overflow: ellipsis;" class="text-nowrap overflow-hidden">{{ match.teamA }}</div>
+            <div [title]="match.teamA" style="max-width: 230px; text-overflow: ellipsis" class="text-nowrap overflow-hidden">
+              {{ match.teamA }}
+            </div>
           }
           <span class="team-selector">{{ match.teamSelectorA }}</span>
         </div>
-        <div class="text-center" style="width: 3em;">
+        <div class="text-center" style="width: 3em">
           {{ match.scoreA }}
         </div>
       </div>
       <div class="position-relative">
         <hr class="my-2" />
-        <div class="position-absolute end-0 top-50 text-center bg-white" style="width: 3em; transform: translateY(calc(-50% - 2px));">
+        <div class="position-absolute end-0 top-50 text-center bg-white" style="width: 3em; transform: translateY(calc(-50% - 2px))">
           @if (match.showLoadingIndicator) {
             <tp-small-spinner />
           } @else if (match.isLive) {
@@ -65,13 +73,15 @@
         </div>
       </div>
       <div class="d-flex flex-row align-items-center">
-        <div class="flex-grow-1" style="line-height: 1.2em;">
+        <div class="flex-grow-1" style="line-height: 1.2em">
           @if (match.teamB.length > 0) {
-            <div [title]="match.teamB" style="max-width: 230px; text-overflow: ellipsis;" class="text-nowrap overflow-hidden" >{{ match.teamB }}</div>
+            <div [title]="match.teamB" style="max-width: 230px; text-overflow: ellipsis" class="text-nowrap overflow-hidden">
+              {{ match.teamB }}
+            </div>
           }
           <span class="team-selector">{{ match.teamSelectorB }}</span>
         </div>
-        <div class="text-center" style="width: 3em;">
+        <div class="text-center" style="width: 3em">
           {{ match.scoreB }}
         </div>
       </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/move-tournament-to-folder/move-tournament-to-folder.component.html b/src/Turnierplan.App/Client/src/app/portal/components/move-tournament-to-folder/move-tournament-to-folder.component.html
index 95b4ed57..a0d80125 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/move-tournament-to-folder/move-tournament-to-folder.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/move-tournament-to-folder/move-tournament-to-folder.component.html
@@ -14,13 +14,29 @@ <h4 class="modal-title" translate="Portal.ViewTournament.Settings.MoveToAnotherF
 
   @if (currentFolderId) {
     <div class="form-check">
-      <input class="form-check-input" type="radio" name="moveTournament_folderMode" id="moveTournament_folderMode_noFolder" [value]="'NoFolder'" [(ngModel)]="folderMode">
-      <label class="form-check-label" for="moveTournament_folderMode_noFolder" translate="Portal.ViewTournament.Settings.MoveToAnotherFolder.UseNoFolder"></label>
+      <input
+        class="form-check-input"
+        type="radio"
+        name="moveTournament_folderMode"
+        id="moveTournament_folderMode_noFolder"
+        [value]="'NoFolder'"
+        [(ngModel)]="folderMode" />
+      <label
+        class="form-check-label"
+        for="moveTournament_folderMode_noFolder"
+        translate="Portal.ViewTournament.Settings.MoveToAnotherFolder.UseNoFolder"></label>
     </div>
   }
 
   <div class="form-check">
-    <input class="form-check-input" type="radio" name="moveTournament_folderMode" id="moveTournament_folderMode_existingFolder" [value]="'ExistingFolder'" [(ngModel)]="folderMode" [disabled]="disableExistingFolders">
+    <input
+      class="form-check-input"
+      type="radio"
+      name="moveTournament_folderMode"
+      id="moveTournament_folderMode_existingFolder"
+      [value]="'ExistingFolder'"
+      [(ngModel)]="folderMode"
+      [disabled]="disableExistingFolders" />
     <label class="form-check-label" for="moveTournament_folderMode_existingFolder">
       <span translate="Portal.ViewTournament.Settings.MoveToAnotherFolder.UseExistingFolder"></span>
       @if (folderMode === 'ExistingFolder') {
@@ -28,7 +44,9 @@ <h4 class="modal-title" translate="Portal.ViewTournament.Settings.MoveToAnotherF
       }
     </label>
     @if (disableExistingFolders && !isLoading) {
-      <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="'Portal.ViewTournament.Settings.MoveToAnotherFolder.ExistingFolderDisabledTooltip'" />
+      <tp-tooltip-icon
+        [icon]="'question-circle'"
+        [tooltipText]="'Portal.ViewTournament.Settings.MoveToAnotherFolder.ExistingFolderDisabledTooltip'" />
     }
   </div>
 
@@ -45,7 +63,13 @@ <h4 class="modal-title" translate="Portal.ViewTournament.Settings.MoveToAnotherF
   }
 
   <div class="form-check">
-    <input class="form-check-input" type="radio" name="moveTournament_folderMode" id="moveTournament_folderMode_newFolder" [value]="'NewFolder'" [(ngModel)]="folderMode">
+    <input
+      class="form-check-input"
+      type="radio"
+      name="moveTournament_folderMode"
+      id="moveTournament_folderMode_newFolder"
+      [value]="'NewFolder'"
+      [(ngModel)]="folderMode" />
     <label class="form-check-label" for="moveTournament_folderMode_newFolder">
       <span translate="Portal.ViewTournament.Settings.MoveToAnotherFolder.CreateNewFolder"></span>
       @if (folderMode === 'NewFolder') {
@@ -55,14 +79,15 @@ <h4 class="modal-title" translate="Portal.ViewTournament.Settings.MoveToAnotherF
   </div>
 
   @if (folderMode === 'NewFolder') {
-    <input type="text"
-           class="form-control"
-           [required]="true"
-           [formControl]="moveToNewFolder"
-           [minlength]="1"
-           [maxlength]="60"
-           [placeholder]="'Portal.ViewTournament.Settings.MoveToAnotherFolder.NamePlaceholder' | translate"
-           [ngClass]="moveToNewFolder.dirty || moveToNewFolder.touched ? (moveToNewFolder.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+    <input
+      type="text"
+      class="form-control"
+      [required]="true"
+      [formControl]="moveToNewFolder"
+      [minlength]="1"
+      [maxlength]="60"
+      [placeholder]="'Portal.ViewTournament.Settings.MoveToAnotherFolder.NamePlaceholder' | translate"
+      [ngClass]="moveToNewFolder.dirty || moveToNewFolder.touched ? (moveToNewFolder.invalid ? 'is-invalid' : 'is-valid') : ''" />
     <div class="invalid-feedback" translate="Portal.ViewTournament.Settings.MoveToAnotherFolder.FolderNameInvalid"></div>
     <div class="valid-feedback" translate="Portal.ViewTournament.Settings.MoveToAnotherFolder.FolderNameValid"></div>
   }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/page-frame/page-frame.component.html b/src/Turnierplan.App/Client/src/app/portal/components/page-frame/page-frame.component.html
index 732f8edd..bf1c95e6 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/page-frame/page-frame.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/page-frame/page-frame.component.html
@@ -1,9 +1,12 @@
 <div *ngIf="navigationTabs" class="border-bottom shadow-sm pt-5">
-  <div [ngClass]="ultraSlim ? 'tp-ultra-slim-container' : 'container'" class="d-flex flex-row flex-wrap align-items-end justify-content-start">
+  <div
+    [ngClass]="ultraSlim ? 'tp-ultra-slim-container' : 'container'"
+    class="d-flex flex-row flex-wrap align-items-end justify-content-start">
     @for (tab of navigationTabs; track tab.id) {
-      <div class="tp-navigation-tab px-3 py-1 d-flex flex-row gap-2"
-           [ngClass]="tab.id === currentTabId ? 'tp-text-shadow tp-navigation-tab-selected tp-cursor-default' : 'tp-cursor-pointer'"
-           (click)="toggleNavigationTab(tab.id)">
+      <div
+        class="tp-navigation-tab px-3 py-1 d-flex flex-row gap-2"
+        [ngClass]="tab.id === currentTabId ? 'tp-text-shadow tp-navigation-tab-selected tp-cursor-default' : 'tp-cursor-pointer'"
+        (click)="toggleNavigationTab(tab.id)">
         <i class="bi" [ngClass]="tab.icon"></i>
         <span>{{ tab.title | translate }}</span>
       </div>
@@ -11,10 +14,13 @@
   </div>
 </div>
 
-<div class="my-5" [ngClass]="{ 'tp-ultra-slim-container': ultraSlim, 'container': !ultraSlim }">
+<div class="my-5" [ngClass]="{ 'tp-ultra-slim-container': ultraSlim, container: !ultraSlim }">
   <div class="d-flex flex-row flex-wrap align-items-center gap-2">
     @if (backLink) {
-      <i class="fs-5 bi bi-arrow-left-circle me-2 tp-cursor-pointer" [attr.aria-label]="'Portal.General.Back' | translate" [routerLink]="backLink"></i>
+      <i
+        class="fs-5 bi bi-arrow-left-circle me-2 tp-cursor-pointer"
+        [attr.aria-label]="'Portal.General.Back' | translate"
+        [routerLink]="backLink"></i>
     }
     <span class="fs-4 fw-bold">{{ title ?? '' }}</span>
     <div class="flex-grow-1"></div>
@@ -32,5 +38,5 @@
 
 @if (enableBottomPadding) {
   <!-- Add some "padding" so that the user can scroll further down than originally. -->
-  <div style="height: 5em;"></div>
+  <div style="height: 5em"></div>
 }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/presentation-config-widget/presentation-config-widget.component.html b/src/Turnierplan.App/Client/src/app/portal/components/presentation-config-widget/presentation-config-widget.component.html
index 299328f7..08023fed 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/presentation-config-widget/presentation-config-widget.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/presentation-config-widget/presentation-config-widget.component.html
@@ -3,41 +3,70 @@
     <div class="fw-bold mb-3" translate="Portal.ViewTournament.Share.Settings"></div>
     <div translate="Portal.ViewTournament.Share.SettingsInfo"></div>
   </div>
-  <tp-action-button [title]="'Portal.ViewTournament.Share.PresentationConfig.CopyFromOtherTournament'"
-                    [type]="'outline-secondary'"
-                    [icon]="'copy'"
-                    (click)="copyFromOtherTournament()" />
+  <tp-action-button
+    [title]="'Portal.ViewTournament.Share.PresentationConfig.CopyFromOtherTournament'"
+    [type]="'outline-secondary'"
+    [icon]="'copy'"
+    (click)="copyFromOtherTournament()" />
 </div>
 
 <div class="row">
   <div class="col-12 col-md-6 d-flex flex-column gap-3">
     <div class="form-group">
       <label class="form-label" for="headerLine1" translate="Portal.ViewTournament.Share.PresentationConfig.Header1"></label>
-      <select class="form-select" id="headerLine1" style="max-width: 400px;" [ngModel]="header1Content" (ngModelChange)="header1Content = $event; onChanged();">
-        <option [value]="HeaderLineContent.TournamentName" translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.TournamentName"></option>
-        <option [value]="HeaderLineContent.OrganizerName" translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.OrganizerName"></option>
-        <option [value]="HeaderLineContent.CustomValue" translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.CustomValue"></option>
+      <select
+        class="form-select"
+        id="headerLine1"
+        style="max-width: 400px"
+        [ngModel]="header1Content"
+        (ngModelChange)="header1Content = $event; onChanged()">
+        <option
+          [value]="HeaderLineContent.TournamentName"
+          translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.TournamentName"></option>
+        <option
+          [value]="HeaderLineContent.OrganizerName"
+          translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.OrganizerName"></option>
+        <option
+          [value]="HeaderLineContent.CustomValue"
+          translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.CustomValue"></option>
       </select>
       @if (header1Content === HeaderLineContent.CustomValue) {
-        <input class="mt-2 form-control" style="max-width: 400px;"
-               [ngModel]="header1CustomContent" (ngModelChange)="header1CustomContent = $event; onChanged();"
-               [placeholder]="'Portal.ViewTournament.Share.PresentationConfig.HeaderCustomValuePlaceholder' | translate"
-               [ngClass]="{ 'is-invalid': saveAttempted && isHeader2CustomContentInvalid }"/>
+        <input
+          class="mt-2 form-control"
+          style="max-width: 400px"
+          [ngModel]="header1CustomContent"
+          (ngModelChange)="header1CustomContent = $event; onChanged()"
+          [placeholder]="'Portal.ViewTournament.Share.PresentationConfig.HeaderCustomValuePlaceholder' | translate"
+          [ngClass]="{ 'is-invalid': saveAttempted && isHeader2CustomContentInvalid }" />
         <div class="invalid-feedback" translate="Portal.ViewTournament.Share.PresentationConfig.HeaderCustomValueInvalid"></div>
       }
     </div>
     <div class="form-group">
       <label class="form-label" for="headerLine2" translate="Portal.ViewTournament.Share.PresentationConfig.Header2"></label>
-      <select class="form-select" id="headerLine2" style="max-width: 400px;" [ngModel]="header2Content" (ngModelChange)="header2Content = $event; onChanged();">
-        <option [value]="HeaderLineContent.TournamentName" translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.TournamentName"></option>
-        <option [value]="HeaderLineContent.OrganizerName" translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.OrganizerName"></option>
-        <option [value]="HeaderLineContent.CustomValue" translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.CustomValue"></option>
+      <select
+        class="form-select"
+        id="headerLine2"
+        style="max-width: 400px"
+        [ngModel]="header2Content"
+        (ngModelChange)="header2Content = $event; onChanged()">
+        <option
+          [value]="HeaderLineContent.TournamentName"
+          translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.TournamentName"></option>
+        <option
+          [value]="HeaderLineContent.OrganizerName"
+          translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.OrganizerName"></option>
+        <option
+          [value]="HeaderLineContent.CustomValue"
+          translate="Portal.ViewTournament.Share.PresentationConfig.HeaderLineContent.CustomValue"></option>
       </select>
       @if (header2Content === HeaderLineContent.CustomValue) {
-        <input class="mt-2 form-control" style="max-width: 400px;"
-               [ngModel]="header2CustomContent" (ngModelChange)="header2CustomContent = $event; onChanged();"
-               [placeholder]="'Portal.ViewTournament.Share.PresentationConfig.HeaderCustomValuePlaceholder' | translate"
-               [ngClass]="{ 'is-invalid': saveAttempted && isHeader2CustomContentInvalid }"/>
+        <input
+          class="mt-2 form-control"
+          style="max-width: 400px"
+          [ngModel]="header2CustomContent"
+          (ngModelChange)="header2CustomContent = $event; onChanged()"
+          [placeholder]="'Portal.ViewTournament.Share.PresentationConfig.HeaderCustomValuePlaceholder' | translate"
+          [ngClass]="{ 'is-invalid': saveAttempted && isHeader2CustomContentInvalid }" />
         <div class="invalid-feedback" translate="Portal.ViewTournament.Share.PresentationConfig.HeaderCustomValueInvalid"></div>
       }
     </div>
@@ -45,21 +74,46 @@
   <div class="col-12 col-md-6 pt-3 pt-md-0 d-flex flex-column gap-3">
     <div class="form-group">
       <label class="form-label" for="showResults" translate="Portal.ViewTournament.Share.PresentationConfig.ShowResults"></label>
-      <select class="form-select" id="showResults" style="max-width: 400px;" [ngModel]="showResults" (ngModelChange)="showResults = $event; onChanged();">
+      <select
+        class="form-select"
+        id="showResults"
+        style="max-width: 400px"
+        [ngModel]="showResults"
+        (ngModelChange)="showResults = $event; onChanged()">
         <option [value]="ResultsMode.Default" translate="Portal.ViewTournament.Share.PresentationConfig.ResultsMode.Default"></option>
-        <option [value]="ResultsMode.OnlyMatchOutcomes" translate="Portal.ViewTournament.Share.PresentationConfig.ResultsMode.OnlyMatchOutcomes"></option>
+        <option
+          [value]="ResultsMode.OnlyMatchOutcomes"
+          translate="Portal.ViewTournament.Share.PresentationConfig.ResultsMode.OnlyMatchOutcomes"></option>
         <option [value]="ResultsMode.NoResults" translate="Portal.ViewTournament.Share.PresentationConfig.ResultsMode.NoResults"></option>
       </select>
     </div>
 
     <div class="form-check form-switch">
-      <input class="form-check-input" type="checkbox" role="switch" id="showOrganizerLogo" [ngModel]="showOrganizerLogo" (ngModelChange)="showOrganizerLogo = $event; onChanged()" />
-      <label class="form-check-label" for="showOrganizerLogo" translate="Portal.ViewTournament.Share.PresentationConfig.ShowOrganizerLogo"></label>
+      <input
+        class="form-check-input"
+        type="checkbox"
+        role="switch"
+        id="showOrganizerLogo"
+        [ngModel]="showOrganizerLogo"
+        (ngModelChange)="showOrganizerLogo = $event; onChanged()" />
+      <label
+        class="form-check-label"
+        for="showOrganizerLogo"
+        translate="Portal.ViewTournament.Share.PresentationConfig.ShowOrganizerLogo"></label>
     </div>
 
     <div class="form-check form-switch">
-      <input class="form-check-input" type="checkbox" role="switch" id="showSponsorLogo" [ngModel]="showSponsorLogo" (ngModelChange)="showSponsorLogo = $event; onChanged()" />
-      <label class="form-check-label" for="showSponsorLogo" translate="Portal.ViewTournament.Share.PresentationConfig.ShowSponsorLogo"></label>
+      <input
+        class="form-check-input"
+        type="checkbox"
+        role="switch"
+        id="showSponsorLogo"
+        [ngModel]="showSponsorLogo"
+        (ngModelChange)="showSponsorLogo = $event; onChanged()" />
+      <label
+        class="form-check-label"
+        for="showSponsorLogo"
+        translate="Portal.ViewTournament.Share.PresentationConfig.ShowSponsorLogo"></label>
     </div>
   </div>
 </div>
@@ -69,6 +123,11 @@
     @if (isSaving) {
       <tp-small-spinner />
     }
-    <tp-action-button [type]="'success'" [icon]="'floppy'" [title]="'Portal.General.ApplyChanges'" [disabled]="isSaving" (click)="saveChanges()" />
+    <tp-action-button
+      [type]="'success'"
+      [icon]="'floppy'"
+      [title]="'Portal.General.ApplyChanges'"
+      [disabled]="isSaving"
+      (click)="saveChanges()" />
   </div>
 }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/ranking/ranking.component.html b/src/Turnierplan.App/Client/src/app/portal/components/ranking/ranking.component.html
index c3501ccc..604a78a0 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/ranking/ranking.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/ranking/ranking.component.html
@@ -1,20 +1,20 @@
 <table class="table table-hover" [attr.aria-label]="'Portal.ViewTournament.Ranking.TableLabel' | translate">
   <thead>
-  <tr>
-    <th translate="Portal.ViewTournament.Ranking.Position"></th>
-    <th translate="Portal.ViewTournament.Ranking.Team"></th>
-  </tr>
-  </thead>
-  <tbody>
-  @for (ranking of rankings; track ranking.position) {
-    <tr>
-      <td>{{ ranking.position }}</td>
-      <td>{{ ranking.team }}</td>
-    </tr>
-  } @empty {
     <tr>
-      <td translate="Portal.ViewTournament.Ranking.NoRankings" colspan="2"></td>
+      <th translate="Portal.ViewTournament.Ranking.Position"></th>
+      <th translate="Portal.ViewTournament.Ranking.Team"></th>
     </tr>
-  }
+  </thead>
+  <tbody>
+    @for (ranking of rankings; track ranking.position) {
+      <tr>
+        <td>{{ ranking.position }}</td>
+        <td>{{ ranking.team }}</td>
+      </tr>
+    } @empty {
+      <tr>
+        <td translate="Portal.ViewTournament.Ranking.NoRankings" colspan="2"></td>
+      </tr>
+    }
   </tbody>
 </table>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/rename-button/rename-button.component.html b/src/Turnierplan.App/Client/src/app/portal/components/rename-button/rename-button.component.html
index 73d3ec8f..69227ae2 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/rename-button/rename-button.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/rename-button/rename-button.component.html
@@ -1,6 +1,7 @@
-<tp-action-button icon="pencil" 
-                  type="outline-secondary"
-                  [disabled]="disabled"
-                  [title]="translationKey + '.Button'" 
-                  [mode]="displayLabel ? 'IconLeftAndText' : 'IconOnly'"
-                  (click)="openRenameDialog()" />
+<tp-action-button
+  icon="pencil"
+  type="outline-secondary"
+  [disabled]="disabled"
+  [title]="translationKey + '.Button'"
+  [mode]="displayLabel ? 'IconLeftAndText' : 'IconOnly'"
+  (click)="openRenameDialog()" />
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/rename-dialog/rename-dialog.component.html b/src/Turnierplan.App/Client/src/app/portal/components/rename-dialog/rename-dialog.component.html
index a942f76d..df950892 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/rename-dialog/rename-dialog.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/rename-dialog/rename-dialog.component.html
@@ -6,10 +6,20 @@ <h4 class="modal-title" [translate]="translationKey + '.Title'"></h4>
   <div class="modal-body d-flex flex-column">
     <div class="form-group">
       <label class="form-label" for="name" [translate]="translationKey + '.EnterNewName'"></label>
-      <input class="form-control" type="text" id="name" [(ngModel)]="currentValue" [ngClass]="{ 'is-invalid': showError }" (keyup.enter)="save(true)" (change)="wasChanged = true" />
+      <input
+        class="form-control"
+        type="text"
+        id="name"
+        [(ngModel)]="currentValue"
+        [ngClass]="{ 'is-invalid': showError }"
+        (keyup.enter)="save(true)"
+        (change)="wasChanged = true" />
 
-      @if (showError === "MaxLengthFeedback") {
-        <div class="invalid-feedback" [translate]="translationKey + '.MaxLengthFeedback'" [translateParams]="{ maxLength: maxLength }"></div>
+      @if (showError === 'MaxLengthFeedback') {
+        <div
+          class="invalid-feedback"
+          [translate]="translationKey + '.MaxLengthFeedback'"
+          [translateParams]="{ maxLength: maxLength }"></div>
       } @else if (showError) {
         <div class="invalid-feedback" [translate]="translationKey + '.' + showError"></div>
       }
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/share-widget/share-widget.component.html b/src/Turnierplan.App/Client/src/app/portal/components/share-widget/share-widget.component.html
index c91bbd0d..23d34d4f 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/share-widget/share-widget.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/share-widget/share-widget.component.html
@@ -2,10 +2,14 @@
 
 <div class="mb-3" [translate]="translationKey + '.Link'"></div>
 
-<div class="d-flex flex-row gap-3 align-items-center" [ngClass]="{ 'mb-3': (showQrCode || viewsCounter !== undefined) }">
-  <input class="form-control" style="max-width: 500px;" type="text" [value]="resourceUrl" readonly />
-  <tp-copy-to-clipboard [value]="resourceUrl"/>
-  <a class="bi bi-box-arrow-up-right tp-cursor-pointer" [title]="'Portal.General.OpenInNewTab' | translate" [href]="resourceUrl" target="_blank"></a>
+<div class="d-flex flex-row gap-3 align-items-center" [ngClass]="{ 'mb-3': showQrCode || viewsCounter !== undefined }">
+  <input class="form-control" style="max-width: 500px" type="text" [value]="resourceUrl" readonly />
+  <tp-copy-to-clipboard [value]="resourceUrl" />
+  <a
+    class="bi bi-box-arrow-up-right tp-cursor-pointer"
+    [title]="'Portal.General.OpenInNewTab' | translate"
+    [href]="resourceUrl"
+    target="_blank"></a>
 </div>
 
 @if (showQrCode || viewsCounter !== undefined) {
@@ -16,13 +20,14 @@
 
         <div class="d-flex flex-row">
           <div class="d-flex flex-column align-items-center">
-            <qrcode [qrdata]="resourceUrl"
-                    [elementType]="'canvas'"
-                    [errorCorrectionLevel]="'M'"
-                    [margin]="1"
-                    [scale]="1"
-                    [width]="250"
-                    (qrCodeURL)="qrCodeUrl = $event"/>
+            <qrcode
+              [qrdata]="resourceUrl"
+              [elementType]="'canvas'"
+              [errorCorrectionLevel]="'M'"
+              [margin]="1"
+              [scale]="1"
+              [width]="250"
+              (qrCodeURL)="qrCodeUrl = $event" />
 
             @if (downloadName) {
               <a [href]="qrCodeUrl" [download]="downloadName" class="btn btn-outline-secondary btn-sm">
@@ -37,7 +42,7 @@
     @if (viewsCounter !== undefined) {
       <div class="col-12 col-md-6">
         <div class="mb-1" [translate]="translationKey + '.ViewsCounter'"></div>
-        <input readonly disabled class="form-control" style="max-width: 6em;" value="{{ viewsCounter }}" />
+        <input readonly disabled class="form-control" style="max-width: 6em" value="{{ viewsCounter }}" />
       </div>
     }
   </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/team-list/team-list.component.html b/src/Turnierplan.App/Client/src/app/portal/components/team-list/team-list.component.html
index cf6c0291..61c8fa41 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/team-list/team-list.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/team-list/team-list.component.html
@@ -1,95 +1,104 @@
 <table class="table table-hover" [attr.aria-label]="'Portal.ViewTournament.Teams.TableLabelTableLabel' | translate">
   <thead>
-  <tr>
-    <th style="width: 0;"></th>
-    <th style="width: 38%;" translate="Portal.ViewTournament.Teams.Name"></th>
-    <th style="width: 13%;">
-      <span translate="Portal.ViewTournament.Teams.Priority.Header"></span>
-      <tp-tooltip-icon [tooltipText]="'Portal.ViewTournament.Teams.Priority.Tooltip'" />
-    </th>
-    <th style="width: 20%;">
-      <span translate="Portal.ViewTournament.Teams.OutOfCompetition.Header"></span>
-      <tp-tooltip-icon [tooltipText]="'Portal.ViewTournament.Teams.OutOfCompetition.Tooltip'" />
-    </th>
-    <th style="width: 30%;">
-      <span translate="Portal.ViewTournament.Teams.EntryFeePaid.Header"></span>
-      <tp-tooltip-icon [tooltipText]="'Portal.ViewTournament.Teams.EntryFeePaid.Tooltip'" />
-    </th>
-  </tr>
+    <tr>
+      <th style="width: 0"></th>
+      <th style="width: 38%" translate="Portal.ViewTournament.Teams.Name"></th>
+      <th style="width: 13%">
+        <span translate="Portal.ViewTournament.Teams.Priority.Header"></span>
+        <tp-tooltip-icon [tooltipText]="'Portal.ViewTournament.Teams.Priority.Tooltip'" />
+      </th>
+      <th style="width: 20%">
+        <span translate="Portal.ViewTournament.Teams.OutOfCompetition.Header"></span>
+        <tp-tooltip-icon [tooltipText]="'Portal.ViewTournament.Teams.OutOfCompetition.Tooltip'" />
+      </th>
+      <th style="width: 30%">
+        <span translate="Portal.ViewTournament.Teams.EntryFeePaid.Header"></span>
+        <tp-tooltip-icon [tooltipText]="'Portal.ViewTournament.Teams.EntryFeePaid.Tooltip'" />
+      </th>
+    </tr>
   </thead>
   <tbody>
-  @for (team of teams; track team.id) {
-    <tr>
-      <td class="align-middle">
-        <tp-rename-button translationKey="Portal.ViewTournament.Teams.Rename"
-                          [displayLabel]="false"
-                          [allowReset]="false"
-                          [maxLength]="60"
-                          [current]="team.name"
-                          (renamed)="renameTeam(team.id, $event)" />
-      </td>
-      <td class="align-middle">
-        @if (team.showLoadingIndicator.name) {
-          <tp-small-spinner />
-        } @else {
-          {{ team.name }}
-        }
-      </td>
-      <td class="align-middle">
-        @if (team.groupId !== undefined && team.priority !== undefined) {
-          <div class="d-flex flex-row gap-2 justify-content-between align-items-center" style="width: 4em;">
-            <i class="bi bi-dash-circle tp-cursor-pointer" (click)="setTeamPriority(team.id, -1)"></i>
-            @if (team.showLoadingIndicator.priority) {
+    @for (team of teams; track team.id) {
+      <tr>
+        <td class="align-middle">
+          <tp-rename-button
+            translationKey="Portal.ViewTournament.Teams.Rename"
+            [displayLabel]="false"
+            [allowReset]="false"
+            [maxLength]="60"
+            [current]="team.name"
+            (renamed)="renameTeam(team.id, $event)" />
+        </td>
+        <td class="align-middle">
+          @if (team.showLoadingIndicator.name) {
+            <tp-small-spinner />
+          } @else {
+            {{ team.name }}
+          }
+        </td>
+        <td class="align-middle">
+          @if (team.groupId !== undefined && team.priority !== undefined) {
+            <div class="d-flex flex-row gap-2 justify-content-between align-items-center" style="width: 4em">
+              <i class="bi bi-dash-circle tp-cursor-pointer" (click)="setTeamPriority(team.id, -1)"></i>
+              @if (team.showLoadingIndicator.priority) {
+                <tp-small-spinner />
+              } @else {
+                <span>{{ team.priority }}</span>
+              }
+              <i class="bi bi-plus-circle tp-cursor-pointer" (click)="setTeamPriority(team.id, 1)"></i>
+            </div>
+          }
+        </td>
+        <td class="align-middle">
+          @if (team.showLoadingIndicator.outOfCompetition) {
+            <tp-small-spinner class="ms-2" />
+          } @else {
+            <div class="form-check form-switch">
+              <input
+                class="form-check-input"
+                type="checkbox"
+                role="switch"
+                [checked]="team.outOfCompetition"
+                [ngClass]="{ 'pe-none': isUpdatingAnyTeam }"
+                (change)="toggleTeamOutOfCompetition(team.id)" />
+            </div>
+          }
+        </td>
+        <td class="align-middle">
+          <div class="d-flex flex-row gap-2 align-items-center">
+            @if (team.showLoadingIndicator.entryFee) {
               <tp-small-spinner />
+            } @else if (team.entryFeePaidAt) {
+              <i class="bi bi-check-circle-fill text-success"></i>
+              <span class="small text-secondary">
+                <span translate="Portal.ViewTournament.Teams.EntryFeePaid.PaidAt"></span>
+                <span class="ms-1">{{ team.entryFeePaidAt | translateDate: 'medium' }}</span>
+              </span>
+              <i
+                class="bi bi-arrow-counterclockwise tp-cursor-pointer"
+                [ngbPopover]="resetEntryFeeConfirmationPopup"
+                [popoverContext]="{ teamId: team.id }"
+                [autoClose]="'outside'"
+                [container]="'body'"
+                [popoverClass]="'tp-popover-slim'"></i>
             } @else {
-              <span>{{ team.priority }}</span>
+              <i class="bi bi-x-circle text-danger"></i>
+              <span class="small text-secondary" translate="Portal.ViewTournament.Teams.EntryFeePaid.NotPaid"></span>
+              <tp-action-button
+                icon="cash-coin"
+                type="outline-secondary"
+                [ngClass]="{ 'pe-none': isUpdatingAnyTeam }"
+                [title]="'Portal.ViewTournament.Teams.EntryFeePaid.Pay'"
+                (click)="setTeamEntryFeePaid(team.id, true)" />
             }
-            <i class="bi bi-plus-circle tp-cursor-pointer" (click)="setTeamPriority(team.id, 1)"></i>
-          </div>
-        }
-      </td>
-      <td class="align-middle">
-        @if (team.showLoadingIndicator.outOfCompetition) {
-          <tp-small-spinner class="ms-2" />
-        } @else {
-          <div class="form-check form-switch">
-            <input class="form-check-input" type="checkbox" role="switch" [checked]="team.outOfCompetition" [ngClass]="{ 'pe-none': isUpdatingAnyTeam }" (change)="toggleTeamOutOfCompetition(team.id)" />
           </div>
-        }
-      </td>
-      <td class="align-middle">
-        <div class="d-flex flex-row gap-2 align-items-center">
-          @if (team.showLoadingIndicator.entryFee) {
-            <tp-small-spinner />
-          } @else if (team.entryFeePaidAt) {
-            <i class="bi bi-check-circle-fill text-success"></i>
-            <span class="small text-secondary">
-              <span translate="Portal.ViewTournament.Teams.EntryFeePaid.PaidAt"></span>
-              <span class="ms-1">{{ team.entryFeePaidAt | translateDate : 'medium'}}</span>
-            </span>
-            <i class="bi bi-arrow-counterclockwise tp-cursor-pointer"
-               [ngbPopover]="resetEntryFeeConfirmationPopup"
-               [popoverContext]="{ 'teamId': team.id }"
-               [autoClose]="'outside'"
-               [container]="'body'"
-               [popoverClass]="'tp-popover-slim'" ></i>
-          } @else {
-            <i class="bi bi-x-circle text-danger"></i>
-            <span class="small text-secondary" translate="Portal.ViewTournament.Teams.EntryFeePaid.NotPaid"></span>
-            <tp-action-button icon="cash-coin"
-                              type="outline-secondary"
-                              [ngClass]="{ 'pe-none': isUpdatingAnyTeam }"
-                              [title]="'Portal.ViewTournament.Teams.EntryFeePaid.Pay'"
-                              (click)="setTeamEntryFeePaid(team.id, true)" />
-          }
-        </div>
-      </td>
-    </tr>
-  } @empty {
-    <tr>
-      <td colspan="5" translate="Portal.ViewTournament.Teams.NoTeams"></td>
-    </tr>
-  }
+        </td>
+      </tr>
+    } @empty {
+      <tr>
+        <td colspan="5" translate="Portal.ViewTournament.Teams.NoTeams"></td>
+      </tr>
+    }
   </tbody>
 </table>
 
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/text-area-dialog/text-area-dialog.component.html b/src/Turnierplan.App/Client/src/app/portal/components/text-area-dialog/text-area-dialog.component.html
index 83859ff1..a0b1bbd1 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/text-area-dialog/text-area-dialog.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/text-area-dialog/text-area-dialog.component.html
@@ -6,11 +6,19 @@ <h4 class="modal-title" [translate]="translationKey + '.Title'"></h4>
   <div class="modal-body d-flex flex-column">
     <div class="form-group">
       <label class="form-label" for="content" [translate]="translationKey + '.EnterNewName'"></label>
-      <textarea id="content" class="form-control" [rows]="10" [(ngModel)]="currentValue" [ngClass]="{ 'is-invalid': currentLength > maxLength }" (keyup.enter)="save(true)" (change)="wasChanged = true"></textarea>
-      <div class="small mt-1 text-end"
-           [ngClass]="currentLength > maxLength ? 'text-danger' : 'text-dark'"
-           [translate]="'Portal.General.CharacterLimit'"
-           [translateParams]="{ current: currentLength, maximum: maxLength}"></div>
+      <textarea
+        id="content"
+        class="form-control"
+        [rows]="10"
+        [(ngModel)]="currentValue"
+        [ngClass]="{ 'is-invalid': currentLength > maxLength }"
+        (keyup.enter)="save(true)"
+        (change)="wasChanged = true"></textarea>
+      <div
+        class="small mt-1 text-end"
+        [ngClass]="currentLength > maxLength ? 'text-danger' : 'text-dark'"
+        [translate]="'Portal.General.CharacterLimit'"
+        [translateParams]="{ current: currentLength, maximum: maxLength }"></div>
     </div>
   </div>
   <div class="modal-footer">
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/text-list-dialog/text-list-dialog.component.html b/src/Turnierplan.App/Client/src/app/portal/components/text-list-dialog/text-list-dialog.component.html
index 8ccb00f3..024614b4 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/text-list-dialog/text-list-dialog.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/text-list-dialog/text-list-dialog.component.html
@@ -5,12 +5,19 @@ <h4 class="modal-title" [translate]="translationKey + '.Title'"></h4>
   </div>
   <div class="modal-body d-flex flex-column">
     <div class="mb-3" [translate]="translationKey + '.HelpText'" [translateParams]="{ maxCount: maxItemCount }"></div>
-    
+
     @for (control of getControls(); track control; let i = $index) {
       <div class="mb-2 d-flex flex-row align-items-start gap-2">
         <div class="flex-grow-1 form-group">
-          <input class="form-control" type="text" [formControl]="control" [ngClass]="{ 'is-invalid': control.invalid && (!control.pristine || control.touched) }"/>
-          <div class="invalid-feedback" [translate]="translationKey + '.InvalidEntry'" [translateParams]="{ maxLength: maxItemLength }"></div>
+          <input
+            class="form-control"
+            type="text"
+            [formControl]="control"
+            [ngClass]="{ 'is-invalid': control.invalid && (!control.pristine || control.touched) }" />
+          <div
+            class="invalid-feedback"
+            [translate]="translationKey + '.InvalidEntry'"
+            [translateParams]="{ maxLength: maxItemLength }"></div>
         </div>
         <i class="mt-2 bi bi-trash text-danger tp-cursor-pointer" (click)="removeControlAtIndex(i)"></i>
       </div>
@@ -19,9 +26,17 @@ <h4 class="modal-title" [translate]="translationKey + '.Title'"></h4>
     }
 
     <div class="mt-3 d-flex flex-row align-items-center">
-      <tp-action-button [type]="'outline-primary'" [title]="translationKey + '.AddEntry'" [icon]="'plus-circle'" [disabled]="formArray.length >= maxItemCount" (click)="addEmptyControl()" />
+      <tp-action-button
+        [type]="'outline-primary'"
+        [title]="translationKey + '.AddEntry'"
+        [icon]="'plus-circle'"
+        [disabled]="formArray.length >= maxItemCount"
+        (click)="addEmptyControl()" />
       @if (formArray.length >= maxItemCount) {
-        <tp-tooltip-icon [icon]="'question-circle'" [tooltipText]="translationKey + '.MaximumReached'" [tooltipTextParams]="{ maxCount: maxItemCount }" />
+        <tp-tooltip-icon
+          [icon]="'question-circle'"
+          [tooltipText]="translationKey + '.MaximumReached'"
+          [tooltipTextParams]="{ maxCount: maxItemCount }" />
       }
     </div>
   </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/tooltip-icon/tooltip-icon.component.html b/src/Turnierplan.App/Client/src/app/portal/components/tooltip-icon/tooltip-icon.component.html
index 5eca0376..eea2308d 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/tooltip-icon/tooltip-icon.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/tooltip-icon/tooltip-icon.component.html
@@ -1 +1 @@
-<i [ngClass]="computedClasses" [ngbTooltip]="tooltipText | translate : tooltipTextParams" triggers="hover click"></i>
+<i [ngClass]="computedClasses" [ngbTooltip]="tooltipText | translate: tooltipTextParams" triggers="hover click"></i>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/tournament-edit-warning/tournament-edit-warning.component.html b/src/Turnierplan.App/Client/src/app/portal/components/tournament-edit-warning/tournament-edit-warning.component.html
index 1c3519e3..d63bad4b 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/tournament-edit-warning/tournament-edit-warning.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/tournament-edit-warning/tournament-edit-warning.component.html
@@ -5,7 +5,12 @@
       <span [translate]="translationKey + '.Text'"></span>
     </div>
     <div class="form-check">
-      <input class="form-check-input" id="editWarningAccepted" type="checkbox" [ngModel]="accepted" (ngModelChange)="acceptedChange.emit($event)" />
+      <input
+        class="form-check-input"
+        id="editWarningAccepted"
+        type="checkbox"
+        [ngModel]="accepted"
+        (ngModelChange)="acceptedChange.emit($event)" />
       <label class="form-check-label" for="editWarningAccepted" [translate]="translationKey + '.CheckboxLabel'"></label>
     </div>
   </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/tournament-explorer/tournament-explorer.component.html b/src/Turnierplan.App/Client/src/app/portal/components/tournament-explorer/tournament-explorer.component.html
index d23e743d..e4557c61 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/tournament-explorer/tournament-explorer.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/tournament-explorer/tournament-explorer.component.html
@@ -13,23 +13,26 @@
             @if (isUpdatingFolderName) {
               <tp-small-spinner class="ms-2" />
             } @else {
-              <tp-rename-button translationKey="Portal.ViewOrganization.TournamentExplorer.RenameFolder"
-                                [displayLabel]="false"
-                                [allowReset]="false"
-                                [maxLength]="60"
-                                [current]="currentEntry.label"
-                                (renamed)="renameFolder(currentEntry.folderId, $event)" />
+              <tp-rename-button
+                translationKey="Portal.ViewOrganization.TournamentExplorer.RenameFolder"
+                [displayLabel]="false"
+                [allowReset]="false"
+                [maxLength]="60"
+                [current]="currentEntry.label"
+                (renamed)="renameFolder(currentEntry.folderId, $event)" />
             }
 
             <span class="flex-grow-1"></span>
-            <tp-action-button icon="calendar-range"
-                              type="outline-dark"
-                              [title]="'Portal.ViewOrganization.TournamentExplorer.Timetable'"
-                              [routerLink]="'../../timetable/' + currentEntry.folderId"/>
-            <tp-action-button icon="calculator"
-                              type="outline-dark"
-                              [title]="'Portal.ViewOrganization.TournamentExplorer.Statistics'"
-                              [routerLink]="'../../statistics/' + currentEntry.folderId"/>
+            <tp-action-button
+              icon="calendar-range"
+              type="outline-dark"
+              [title]="'Portal.ViewOrganization.TournamentExplorer.Timetable'"
+              [routerLink]="'../../timetable/' + currentEntry.folderId" />
+            <tp-action-button
+              icon="calculator"
+              type="outline-dark"
+              [title]="'Portal.ViewOrganization.TournamentExplorer.Statistics'"
+              [routerLink]="'../../statistics/' + currentEntry.folderId" />
           </div>
         }
 
@@ -42,10 +45,18 @@
               <div class="card-footer d-flex">
                 @switch (tournament.visibility) {
                   @case ('Private') {
-                    <tp-tooltip-icon [icon]="'lock'" [iconClass]="'text-danger'" [margin]="false" [tooltipText]="'Portal.ViewOrganization.TournamentExplorer.Tile.Visibility.Private'" />
+                    <tp-tooltip-icon
+                      [icon]="'lock'"
+                      [iconClass]="'text-danger'"
+                      [margin]="false"
+                      [tooltipText]="'Portal.ViewOrganization.TournamentExplorer.Tile.Visibility.Private'" />
                   }
                   @case ('Public') {
-                    <tp-tooltip-icon [icon]="'globe-europe-africa'" [iconClass]="'text-success'" [margin]="false" [tooltipText]="'Portal.ViewOrganization.TournamentExplorer.Tile.Visibility.Public'" />
+                    <tp-tooltip-icon
+                      [icon]="'globe-europe-africa'"
+                      [iconClass]="'text-success'"
+                      [margin]="false"
+                      [tooltipText]="'Portal.ViewOrganization.TournamentExplorer.Tile.Visibility.Public'" />
                   }
                 }
                 <div class="flex-grow-1"></div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/tournament-select/tournament-select.component.html b/src/Turnierplan.App/Client/src/app/portal/components/tournament-select/tournament-select.component.html
index 78f31906..c1af6426 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/tournament-select/tournament-select.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/tournament-select/tournament-select.component.html
@@ -14,7 +14,9 @@ <h4 class="modal-title" translate="Portal.SelectTournamentDialog.Title"></h4>
       <div class="w-lg-50 pe-2 d-flex flex-column">
         @if (selectedNode) {
           @for (entry of selectedNode.tournaments; track entry.id) {
-            <div class="invisible-button overflow-hidden text-nowrap tp-cursor-pointer d-flex flex-row align-items-center gap-2 px-2 py-1" (click)="modal.close(entry.id)">
+            <div
+              class="invisible-button overflow-hidden text-nowrap tp-cursor-pointer d-flex flex-row align-items-center gap-2 px-2 py-1"
+              (click)="modal.close(entry.id)">
               <i class="bi bi-trophy"></i>
               <span>{{ entry.name }}</span>
             </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/venue-select/venue-select.component.html b/src/Turnierplan.App/Client/src/app/portal/components/venue-select/venue-select.component.html
index 72f64076..967e2bef 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/venue-select/venue-select.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/venue-select/venue-select.component.html
@@ -25,5 +25,10 @@ <h4 class="modal-title" translate="Portal.ViewTournament.AssignVenueDialog.Title
   @if (isSaving) {
     <tp-small-spinner class="me-2" />
   }
-  <tp-action-button [type]="'success'" [title]="'Portal.General.Save'" [disabled]="isSaving" [ngClass]="{ 'pe-none': isLoading || isSaving }" (click)="saveVenue()" />
+  <tp-action-button
+    [type]="'success'"
+    [title]="'Portal.General.Save'"
+    [disabled]="isSaving"
+    [ngClass]="{ 'pe-none': isLoading || isSaving }"
+    (click)="saveVenue()" />
 </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/venue-tile/venue-tile.component.html b/src/Turnierplan.App/Client/src/app/portal/components/venue-tile/venue-tile.component.html
index 7b95c7ff..db7ebd04 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/venue-tile/venue-tile.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/venue-tile/venue-tile.component.html
@@ -1,7 +1,7 @@
 <div *ngIf="venue" class="card shadow-sm">
   <div class="card-body d-flex flex-column gap-2">
     <div class="fs-5 fw-bold card-title mb-0">{{ venue.name }}</div>
-    
+
     @if (venue.description.length > 0) {
       <div>{{ venue.description }}</div>
     } @else {
diff --git a/src/Turnierplan.App/Client/src/app/portal/components/visibility-selector/visibility-selector.component.html b/src/Turnierplan.App/Client/src/app/portal/components/visibility-selector/visibility-selector.component.html
index 28a7e5d9..2972c0e1 100644
--- a/src/Turnierplan.App/Client/src/app/portal/components/visibility-selector/visibility-selector.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/components/visibility-selector/visibility-selector.component.html
@@ -1,11 +1,29 @@
 <div class="btn-group" role="group">
-  <input type="radio" class="btn-check" id="visibilityPrivate" autocomplete="off" [checked]="visibility === Visibility.Private" (click)="setVisibility(Visibility.Private)">
-  <label class="btn btn-sm px-3" for="visibilityPrivate" [ngClass]="visibility === Visibility.Private ? 'btn-outline-danger' : 'btn-outline-secondary'">
+  <input
+    type="radio"
+    class="btn-check"
+    id="visibilityPrivate"
+    autocomplete="off"
+    [checked]="visibility === Visibility.Private"
+    (click)="setVisibility(Visibility.Private)" />
+  <label
+    class="btn btn-sm px-3"
+    for="visibilityPrivate"
+    [ngClass]="visibility === Visibility.Private ? 'btn-outline-danger' : 'btn-outline-secondary'">
     <i class="bi bi-lock"></i>
     <span class="ms-2" translate="Portal.VisibilitySelector.Private"></span>
   </label>
-  <input type="radio" class="btn-check" id="visibilityPublic" autocomplete="off" [checked]="visibility === Visibility.Public" (click)="setVisibility(Visibility.Public)">
-  <label class="btn btn-sm px-3" for="visibilityPublic" [ngClass]="visibility === Visibility.Public ? 'btn-outline-success' : 'btn-outline-secondary'">
+  <input
+    type="radio"
+    class="btn-check"
+    id="visibilityPublic"
+    autocomplete="off"
+    [checked]="visibility === Visibility.Public"
+    (click)="setVisibility(Visibility.Public)" />
+  <label
+    class="btn btn-sm px-3"
+    for="visibilityPublic"
+    [ngClass]="visibility === Visibility.Public ? 'btn-outline-success' : 'btn-outline-secondary'">
     <i class="bi bi-globe-europe-africa"></i>
     <span class="ms-2" translate="Portal.VisibilitySelector.Public"></span>
   </label>
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/administration-page/administration-page.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/administration-page/administration-page.component.html
index 66f79d80..237f51bc 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/administration-page/administration-page.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/administration-page/administration-page.component.html
@@ -1,10 +1,11 @@
 <ng-container *tpLoadingState="loadingState">
   <tp-page-frame [title]="'Portal.Administration.Title' | translate" [backLink]="'..'" [navigationTabs]="pages">
     <ng-template #buttons>
-      <tp-action-button [title]="'Portal.Administration.NewUser'"
-                        [type]="'outline-success'"
-                        [icon]="'plus-circle'"
-                        [routerLink]="'create/user'" />
+      <tp-action-button
+        [title]="'Portal.Administration.NewUser'"
+        [type]="'outline-success'"
+        [icon]="'plus-circle'"
+        [routerLink]="'create/user'" />
     </ng-template>
     <ng-template #content>
       <div class="card">
@@ -30,8 +31,8 @@
                   <td class="align-middle small text-secondary">{{ user.id }}</td>
                   <td class="align-middle">{{ user.name }}</td>
                   <td class="align-middle">{{ user.eMail }}</td>
-                  <td class="align-middle small">{{ user.createdAt | translateDate : 'medium' }}</td>
-                  <td class="align-middle small">{{ user.lastPasswordChange | translateDate : 'medium' }}</td>
+                  <td class="align-middle small">{{ user.createdAt | translateDate: 'medium' }}</td>
+                  <td class="align-middle small">{{ user.lastPasswordChange | translateDate: 'medium' }}</td>
                   <td class="align-middle">
                     @if (user.roles.length === 0) {
                       <span class="ms-1 small text-secondary" translate="Portal.Administration.Users.NoRoles"></span>
@@ -42,7 +43,12 @@
                     }
                   </td>
                   <td>
-                    <tp-action-button [icon]="'trash'" [type]="'outline-danger'" [mode]="'IconOnly'" [disabled]="user.id === currentUserId" (click)="deleteButtonClicked(user.id, deleteConfirmationCanvas)" />
+                    <tp-action-button
+                      [icon]="'trash'"
+                      [type]="'outline-danger'"
+                      [mode]="'IconOnly'"
+                      [disabled]="user.id === currentUserId"
+                      (click)="deleteButtonClicked(user.id, deleteConfirmationCanvas)" />
                   </td>
                 </tr>
               }
@@ -57,7 +63,11 @@
 <ng-template #deleteConfirmationCanvas>
   <div class="p-3">
     @if (userSelectedForDeletion) {
-      <tp-delete-widget [translationKey]="'Portal.Administration.DeleteUser'" [thinLayout]="true" [targetObjectName]="userSelectedForDeletion.name" (deleteClick)="deleteConfirmed(userSelectedForDeletion.id)" />
+      <tp-delete-widget
+        [translationKey]="'Portal.Administration.DeleteUser'"
+        [thinLayout]="true"
+        [targetObjectName]="userSelectedForDeletion.name"
+        (deleteClick)="deleteConfirmed(userSelectedForDeletion.id)" />
       <div class="mt-3 small text-secondary">
         <span translate="Portal.Administration.DeleteUser.IdConfirmation"></span><br />
         <span>{{ userSelectedForDeletion.id }}</span>
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/configure-tournament/configure-tournament.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/configure-tournament/configure-tournament.component.html
index fb4aae11..b53113be 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/configure-tournament/configure-tournament.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/configure-tournament/configure-tournament.component.html
@@ -1,4 +1,8 @@
-<tp-page-frame *tpLoadingState="loadingState" [ultraSlim]="true" [title]="'Portal.ConfigureTournament.Title' | translate : { tournament: tournamentName }" [backLink]="'..'">
+<tp-page-frame
+  *tpLoadingState="loadingState"
+  [ultraSlim]="true"
+  [title]="'Portal.ConfigureTournament.Title' | translate: { tournament: tournamentName }"
+  [backLink]="'..'">
   <div translate="Portal.ConfigureTournament.Subtitle"></div>
   @if (displayEditWarning) {
     <tp-tournament-edit-warning [translationKey]="'Portal.ConfigureTournament.DestructiveWarning'" [(accepted)]="editWarningAccepted" />
@@ -42,7 +46,11 @@ <h5 class="mt-4 mb-3" translate="Portal.ConfigureTournament.Sections.FinalsPhase
 
     <div class="flex-grow-1"></div>
     <div [ngClass]="{ 'tp-cursor-not-allowed': !canSave }">
-      <tp-action-button [type]="'success'" [title]="'Portal.ConfigureTournament.Submit'" [disabled]="!canSave" (click)="saveButtonClicked()" />
+      <tp-action-button
+        [type]="'success'"
+        [title]="'Portal.ConfigureTournament.Submit'"
+        [disabled]="!canSave"
+        (click)="saveButtonClicked()" />
     </div>
   </div>
 </tp-page-frame>
@@ -51,9 +59,17 @@ <h5 class="mt-4 mb-3" translate="Portal.ConfigureTournament.Sections.FinalsPhase
   <div class="card shadow-sm">
     <div class="card-body d-flex flex-column align-items-start gap-2">
       <div translate="Portal.ConfigureTournament.Sections.General.KickoffDateTime"></div>
-      <input class="form-control form-control-sm" type="datetime-local" [ngModel]="firstMatchKickoff | date:'yyyy-MM-ddTHH:mm'" (ngModelChange)="setKickoffDatetime($event)" />
+      <input
+        class="form-control form-control-sm"
+        type="datetime-local"
+        [ngModel]="firstMatchKickoff | date: 'yyyy-MM-ddTHH:mm'"
+        (ngModelChange)="setKickoffDatetime($event)" />
       @if (firstMatchKickoff < timeStampToday) {
-        <tp-alert class="align-self-stretch" [type]="'info'" [text]="'Portal.ConfigureTournament.Sections.General.KickoffDateTimeInPast'" [margin]="'mt-2 mb-0'" />
+        <tp-alert
+          class="align-self-stretch"
+          [type]="'info'"
+          [text]="'Portal.ConfigureTournament.Sections.General.KickoffDateTimeInPast'"
+          [margin]="'mt-2 mb-0'" />
       }
     </div>
   </div>
@@ -64,49 +80,79 @@ <h5 class="mt-4 mb-3" translate="Portal.ConfigureTournament.Sections.FinalsPhase
     <div class="mb-3 card shadow-sm d-flex flex-column" [ngClass]="{ 'border-danger': attemptedToSaveChanges && group.teams.length === 0 }">
       <div class="card-header p-2 fw-bold d-flex flex-row">
         @if (group.displayName.length > 0) {
-          <span class="flex-grow-1" translate="Portal.ConfigureTournament.Sections.Participants.GroupWithName" [translateParams]="{ alphabeticalId: group.alphabeticalId, displayName: group.displayName }"></span>
+          <span
+            class="flex-grow-1"
+            translate="Portal.ConfigureTournament.Sections.Participants.GroupWithName"
+            [translateParams]="{ alphabeticalId: group.alphabeticalId, displayName: group.displayName }"></span>
         } @else {
-          <span class="flex-grow-1" translate="Portal.ConfigureTournament.Sections.Participants.GroupWithoutName" [translateParams]="{ alphabeticalId: group.alphabeticalId }"></span>
+          <span
+            class="flex-grow-1"
+            translate="Portal.ConfigureTournament.Sections.Participants.GroupWithoutName"
+            [translateParams]="{ alphabeticalId: group.alphabeticalId }"></span>
         }
         <tp-delete-button [reducedFootprint]="true" (confirmed)="removeGroup(groupIndex)" />
       </div>
 
-      <div [dndDropzone]="" (dndDrop)="moveTeam($event, group)" class="card-body p-2 d-flex flex-column gap-2" style="min-height: 1em;">
+      <div [dndDropzone]="" (dndDrop)="moveTeam($event, group)" class="card-body p-2 d-flex flex-column gap-2" style="min-height: 1em">
         <!--suppress HtmlUnknownAttribute | IDEs fails to recognize directive below as a valid HTML attribute -->
-        <div class="px-2 py-1 border rounded text-secondary fst-italic" dndPlaceholderRef translate="Portal.ConfigureTournament.Sections.Participants.DragDropPlaceholder"></div>
-        
-        <div *ngFor="let team of group.teams; let index = index" [dndDraggable]="team" (dndMoved)="removeTeam(group, index)" dndEffectAllowed="move" class="px-2 py-1 border rounded d-flex flex-row gap-2 tp-cursor-move">
-          <span class="flex-grow-1" translate="Portal.ConfigureTournament.Sections.Participants.TeamEntry" [translateParams]="{ index: index + 1, name: team.name }"></span>
+        <div
+          class="px-2 py-1 border rounded text-secondary fst-italic"
+          dndPlaceholderRef
+          translate="Portal.ConfigureTournament.Sections.Participants.DragDropPlaceholder"></div>
+
+        <div
+          *ngFor="let team of group.teams; let index = index"
+          [dndDraggable]="team"
+          (dndMoved)="removeTeam(group, index)"
+          dndEffectAllowed="move"
+          class="px-2 py-1 border rounded d-flex flex-row gap-2 tp-cursor-move">
+          <span
+            class="flex-grow-1"
+            translate="Portal.ConfigureTournament.Sections.Participants.TeamEntry"
+            [translateParams]="{ index: index + 1, name: team.name }"></span>
           <tp-delete-button [reducedFootprint]="true" (confirmed)="removeTeam(group, index)" />
         </div>
 
         <!-- Use d-none here and set display to block using custom scss if the list is empty. We can't use an *ngIf and check if the teams
           array is empty because the resulting div would then be able to interfere with the drag&drop in a non-user-friendly manner. -->
-        <div class="empty-notice d-none small" [ngClass]="attemptedToSaveChanges ? 'fw-bold text-danger' : 'fst-italic'" translate="Portal.ConfigureTournament.Sections.Participants.NoTeamsNotice"></div>
+        <div
+          class="empty-notice d-none small"
+          [ngClass]="attemptedToSaveChanges ? 'fw-bold text-danger' : 'fst-italic'"
+          translate="Portal.ConfigureTournament.Sections.Participants.NoTeamsNotice"></div>
       </div>
 
       <div class="card-footer p-2 d-flex flex-row align-items-center justify-content-center gap-2">
         <!-- IDEA: Add validation feedback for team name length -->
-        <input class="form-control form-control-sm w-50" [placeholder]="'Portal.ConfigureTournament.Sections.Participants.NewTeamNamePlaceholder' | translate" #teamNameInput (keyup.enter)="addTeam(group, teamNameInput)"/>
-        <tp-action-button [type]="'outline-primary'"
-                          [icon]="'plus-circle'"
-                          [title]="'Portal.ConfigureTournament.Sections.Participants.AddTeamButton'"
-                          (click)="addTeam(group, teamNameInput)" />
+        <input
+          class="form-control form-control-sm w-50"
+          [placeholder]="'Portal.ConfigureTournament.Sections.Participants.NewTeamNamePlaceholder' | translate"
+          #teamNameInput
+          (keyup.enter)="addTeam(group, teamNameInput)" />
+        <tp-action-button
+          [type]="'outline-primary'"
+          [icon]="'plus-circle'"
+          [title]="'Portal.ConfigureTournament.Sections.Participants.AddTeamButton'"
+          (click)="addTeam(group, teamNameInput)" />
       </div>
     </div>
   } @empty {
-    <div class="text-center fst-italic mb-2 py-2 border rounded" [ngClass]="attemptedToSaveChanges && groups.length === 0 ? 'border-danger' : 'border-transparent'" translate="Portal.ConfigureTournament.Sections.Participants.NoGroupsNotice"></div>
+    <div
+      class="text-center fst-italic mb-2 py-2 border rounded"
+      [ngClass]="attemptedToSaveChanges && groups.length === 0 ? 'border-danger' : 'border-transparent'"
+      translate="Portal.ConfigureTournament.Sections.Participants.NoGroupsNotice"></div>
   }
   <div class="d-flex flex-row justify-content-center gap-2">
-    <tp-action-button [type]="'outline-secondary'"
-                      [icon]="'shuffle'"
-                      [disabled]="totalTeamCount <= 1"
-                      [title]="'Portal.ConfigureTournament.Sections.Participants.ShuffleGroupsButton'"
-                      (click)="shuffleGroups()" />
-    <tp-action-button [type]="'outline-primary'"
-                      [icon]="'plus-circle'"
-                      [title]="'Portal.ConfigureTournament.Sections.Participants.AddGroupButton'"
-                      (click)="addGroup()" />
+    <tp-action-button
+      [type]="'outline-secondary'"
+      [icon]="'shuffle'"
+      [disabled]="totalTeamCount <= 1"
+      [title]="'Portal.ConfigureTournament.Sections.Participants.ShuffleGroupsButton'"
+      (click)="shuffleGroups()" />
+    <tp-action-button
+      [type]="'outline-primary'"
+      [icon]="'plus-circle'"
+      [title]="'Portal.ConfigureTournament.Sections.Participants.AddGroupButton'"
+      (click)="addGroup()" />
   </div>
 </ng-template>
 
@@ -116,23 +162,67 @@ <h5 class="mt-4 mb-3" translate="Portal.ConfigureTournament.Sections.FinalsPhase
       @if (groups.length > 1) {
         <div translate="Portal.ConfigureTournament.Sections.GroupPhase.OrderLabel"></div>
         <div class="btn-group btn-group-sm mb-2">
-          <input type="radio" class=" btn-sm btn-check" name="groupMatchOrder" id="groupMatchesSequential" autocomplete="off" [checked]="!groupPhaseAlternating" (change)="groupPhaseAlternating = !groupPhaseAlternating; markDirty()">
-          <label class="btn btn-outline-secondary" for="groupMatchesSequential" translate="Portal.ConfigureTournament.Sections.GroupPhase.OrderSequential"></label>
-  
-          <input type="radio" class=" btn-sm btn-check" name="groupMatchOrder" id="groupMatchesAlternating" autocomplete="off" [checked]="groupPhaseAlternating" (change)="groupPhaseAlternating = !groupPhaseAlternating; markDirty()">
-          <label class="btn btn-outline-secondary" for="groupMatchesAlternating" translate="Portal.ConfigureTournament.Sections.GroupPhase.OrderAlternating"></label>
+          <input
+            type="radio"
+            class="btn-sm btn-check"
+            name="groupMatchOrder"
+            id="groupMatchesSequential"
+            autocomplete="off"
+            [checked]="!groupPhaseAlternating"
+            (change)="groupPhaseAlternating = !groupPhaseAlternating; markDirty()" />
+          <label
+            class="btn btn-outline-secondary"
+            for="groupMatchesSequential"
+            translate="Portal.ConfigureTournament.Sections.GroupPhase.OrderSequential"></label>
+
+          <input
+            type="radio"
+            class="btn-sm btn-check"
+            name="groupMatchOrder"
+            id="groupMatchesAlternating"
+            autocomplete="off"
+            [checked]="groupPhaseAlternating"
+            (change)="groupPhaseAlternating = !groupPhaseAlternating; markDirty()" />
+          <label
+            class="btn btn-outline-secondary"
+            for="groupMatchesAlternating"
+            translate="Portal.ConfigureTournament.Sections.GroupPhase.OrderAlternating"></label>
         </div>
       }
-      
+
       <div translate="Portal.ConfigureTournament.Sections.GroupPhase.NumberOfRoundsLabel"></div>
       <div class="d-flex flex-row gap-2">
-        <input class="form-control form-control-sm" style="width: 6em;" type="number" min="1" max="4" step="1" [(ngModel)]="groupPhaseRounds" (ngModelChange)="markDirty()" [ngClass]="{ 'is-invalid': isGroupPhaseRoundsInvalid }" />
-        <div *ngIf="isGroupPhaseRoundsInvalid" class="invalid-feedback" translate="Portal.ConfigureTournament.Sections.GroupPhase.InvalidNumberOfRounds"></div>
+        <input
+          class="form-control form-control-sm"
+          style="width: 6em"
+          type="number"
+          min="1"
+          max="4"
+          step="1"
+          [(ngModel)]="groupPhaseRounds"
+          (ngModelChange)="markDirty()"
+          [ngClass]="{ 'is-invalid': isGroupPhaseRoundsInvalid }" />
+        <div
+          *ngIf="isGroupPhaseRoundsInvalid"
+          class="invalid-feedback"
+          translate="Portal.ConfigureTournament.Sections.GroupPhase.InvalidNumberOfRounds"></div>
       </div>
       <div class="mt-2" translate="Portal.ConfigureTournament.Sections.GroupPhase.NumberOfCourtsLabel"></div>
       <div class="d-flex flex-row gap-2">
-        <input class="form-control form-control-sm" style="width: 6em;" type="number" min="1" max="10" step="1" [(ngModel)]="groupPhaseCourts" (ngModelChange)="markDirty()" [ngClass]="{ 'is-invalid': isGroupPhaseCourtsInvalid }" />
-        <div *ngIf="isGroupPhaseCourtsInvalid" class="invalid-feedback" translate="Portal.ConfigureTournament.Sections.GroupPhase.InvalidNumberOfCourts"></div>
+        <input
+          class="form-control form-control-sm"
+          style="width: 6em"
+          type="number"
+          min="1"
+          max="10"
+          step="1"
+          [(ngModel)]="groupPhaseCourts"
+          (ngModelChange)="markDirty()"
+          [ngClass]="{ 'is-invalid': isGroupPhaseCourtsInvalid }" />
+        <div
+          *ngIf="isGroupPhaseCourtsInvalid"
+          class="invalid-feedback"
+          translate="Portal.ConfigureTournament.Sections.GroupPhase.InvalidNumberOfCourts"></div>
       </div>
       <div class="mt-2" translate="Portal.ConfigureTournament.Sections.GroupPhase.PlayTimeLabel"></div>
       <tp-duration-picker [(duration)]="groupPhasePlayTime" />
@@ -147,8 +237,16 @@ <h5 class="mt-4 mb-3" translate="Portal.ConfigureTournament.Sections.FinalsPhase
     <tp-alert [type]="'info'" [text]="'Portal.ConfigureTournament.Sections.FinalsPhase.NoTemplates'" />
   } @else {
     <div class="form-check mb-3">
-      <input class="form-check-input" id="enableFinalsRound" type="checkbox" [(ngModel)]="enableFinalsRound" (ngModelChange)="markDirty()" />
-      <label class="form-check-label" for="enableFinalsRound" translate="Portal.ConfigureTournament.Sections.FinalsPhase.EnableCheckbox"></label>
+      <input
+        class="form-check-input"
+        id="enableFinalsRound"
+        type="checkbox"
+        [(ngModel)]="enableFinalsRound"
+        (ngModelChange)="markDirty()" />
+      <label
+        class="form-check-label"
+        for="enableFinalsRound"
+        translate="Portal.ConfigureTournament.Sections.FinalsPhase.EnableCheckbox"></label>
     </div>
     @if (enableFinalsRound) {
       <div class="card shadow-sm">
@@ -156,32 +254,63 @@ <h5 class="mt-4 mb-3" translate="Portal.ConfigureTournament.Sections.FinalsPhase
           <div translate="Portal.ConfigureTournament.Sections.FinalsPhase.IntermediatePause"></div>
           <tp-duration-picker [(duration)]="pauseBetweenGroupAndFinalsPhase" />
           <div translate="Portal.ConfigureTournament.Sections.FinalsPhase.FirstRoundLabel"></div>
-          <select class="form-select" [(ngModel)]="currentFinalRound" (ngModelChange)="determineAvailableAdditionalPlayoffMatches(); markDirty()">
+          <select
+            class="form-select"
+            [(ngModel)]="currentFinalRound"
+            (ngModelChange)="determineAvailableAdditionalPlayoffMatches(); markDirty()">
             <option *ngFor="let option of availableFinalRounds" [value]="option">
-              {{ ('Portal.ConfigureTournament.Sections.FinalsPhase.FinalsRound.' + option) | translate }}
+              {{ 'Portal.ConfigureTournament.Sections.FinalsPhase.FinalsRound.' + option | translate }}
             </option>
           </select>
-          @if ((currentFinalRound && currentFinalRound !== firstFinalRounds.Final) || (additionalPlayoffPositions.length > 0)) {
+          @if ((currentFinalRound && currentFinalRound !== firstFinalRounds.Final) || additionalPlayoffPositions.length > 0) {
             <div class="mt-2" translate="Portal.ConfigureTournament.Sections.FinalsPhase.RankingMatchesLabel"></div>
           }
           @if (currentFinalRound && currentFinalRound !== firstFinalRounds.Final) {
             <div class="form-check">
-              <input class="form-check-input" id="thirdPlacePlayoff" type="checkbox" [(ngModel)]="enableThirdPlacePlayoff" (ngModelChange)="determineAvailableAdditionalPlayoffMatches(); markDirty()" />
-              <label class="form-check-label" for="thirdPlacePlayoff" translate="Portal.ConfigureTournament.Sections.FinalsPhase.ThirdPlacePlayoff"></label>
+              <input
+                class="form-check-input"
+                id="thirdPlacePlayoff"
+                type="checkbox"
+                [(ngModel)]="enableThirdPlacePlayoff"
+                (ngModelChange)="determineAvailableAdditionalPlayoffMatches(); markDirty()" />
+              <label
+                class="form-check-label"
+                for="thirdPlacePlayoff"
+                translate="Portal.ConfigureTournament.Sections.FinalsPhase.ThirdPlacePlayoff"></label>
               <tp-tooltip-icon [tooltipText]="'Portal.ConfigureTournament.Sections.FinalsPhase.ThirdPlacePlayoffTooltip'" />
             </div>
           }
           @if (additionalPlayoffPositions.length > 0) {
             <div class="form-check">
-              <input class="form-check-input" id="additionalPlayoffs" type="checkbox" [(ngModel)]="enableAdditionalPlayoffs" (ngModelChange)="markDirty()" />
-              <label class="form-check-label" for="additionalPlayoffs" translate="Portal.ConfigureTournament.Sections.FinalsPhase.AdditionalPlayoffs"></label>
+              <input
+                class="form-check-input"
+                id="additionalPlayoffs"
+                type="checkbox"
+                [(ngModel)]="enableAdditionalPlayoffs"
+                (ngModelChange)="markDirty()" />
+              <label
+                class="form-check-label"
+                for="additionalPlayoffs"
+                translate="Portal.ConfigureTournament.Sections.FinalsPhase.AdditionalPlayoffs"></label>
               <tp-tooltip-icon [tooltipText]="'Portal.ConfigureTournament.Sections.FinalsPhase.AdditionalPlayoffsTooltip'" />
             </div>
           }
           <div class="mt-2" translate="Portal.ConfigureTournament.Sections.FinalsPhase.NumberOfCourtsLabel"></div>
           <div class="d-flex flex-row gap-2">
-            <input class="form-control form-control-sm" style="width: 6em;" type="number" min="1" max="10" step="1" [(ngModel)]="finalsPhaseCourts" (ngModelChange)="markDirty()" [ngClass]="{ 'is-invalid': isFinalsPhaseCourtsInvalid }" />
-            <div *ngIf="isFinalsPhaseCourtsInvalid" class="invalid-feedback" translate="Portal.ConfigureTournament.Sections.FinalsPhase.InvalidNumberOfCourts"></div>
+            <input
+              class="form-control form-control-sm"
+              style="width: 6em"
+              type="number"
+              min="1"
+              max="10"
+              step="1"
+              [(ngModel)]="finalsPhaseCourts"
+              (ngModelChange)="markDirty()"
+              [ngClass]="{ 'is-invalid': isFinalsPhaseCourtsInvalid }" />
+            <div
+              *ngIf="isFinalsPhaseCourtsInvalid"
+              class="invalid-feedback"
+              translate="Portal.ConfigureTournament.Sections.FinalsPhase.InvalidNumberOfCourts"></div>
           </div>
           <div class="mt-2" translate="Portal.ConfigureTournament.Sections.FinalsPhase.PlayTimeLabel"></div>
           <tp-duration-picker [(duration)]="finalsPhasePlayTime" />
@@ -203,39 +332,70 @@ <h5 class="mt-4 mb-3" translate="Portal.ConfigureTournament.Sections.AdditionalP
     <div class="card-body d-flex flex-column gap-2">
       <div class="mb-2" translate="Portal.ConfigureTournament.Sections.AdditionalPlayoffs.InfoText"></div>
       @for (position of additionalPlayoffPositions; track position) {
-        <div class="row align-items-center" style="min-height: 2.375em;">
+        <div class="row align-items-center" style="min-height: 2.375em">
           <div class="col-3">
             <div class="form-check">
-              <input class="form-check-input" id="additionalPlayoff{{ position }}" type="checkbox" [ngModel]="additionalPlayoffs[position].isEnabled" (ngModelChange)="setAdditionalPlayoffEnabled(position, $event)" />
-              <label class="form-check-label" for="additionalPlayoff{{ position }}" translate="Portal.ConfigureTournament.Sections.AdditionalPlayoffs.MatchLabel" [translateParams]="{ position: position }"></label>
+              <input
+                class="form-check-input"
+                id="additionalPlayoff{{ position }}"
+                type="checkbox"
+                [ngModel]="additionalPlayoffs[position].isEnabled"
+                (ngModelChange)="setAdditionalPlayoffEnabled(position, $event)" />
+              <label
+                class="form-check-label"
+                for="additionalPlayoff{{ position }}"
+                translate="Portal.ConfigureTournament.Sections.AdditionalPlayoffs.MatchLabel"
+                [translateParams]="{ position: position }"></label>
             </div>
           </div>
-          @if(additionalPlayoffs[position].isEnabled) {
+          @if (additionalPlayoffs[position].isEnabled) {
             <div class="col-4 pe-0">
-              <select class="form-select" 
-                      [ngClass]="{ 'text-secondary': additionalPlayoffs[position].teamSelectorA === '', 'border-danger': attemptedToSaveChanges && additionalPlayoffs[position].teamSelectorA === '' }" 
-                      [ngModel]="additionalPlayoffs[position].teamSelectorA"
-                      (ngModelChange)="setAdditionalPlayoffTeamSelectorA(position, $event)">
-                <option value="" class="text-secondary" translate="Portal.ConfigureTournament.Sections.AdditionalPlayoffs.DropdownPlaceholder"></option>
+              <select
+                class="form-select"
+                [ngClass]="{
+                  'text-secondary': additionalPlayoffs[position].teamSelectorA === '',
+                  'border-danger': attemptedToSaveChanges && additionalPlayoffs[position].teamSelectorA === ''
+                }"
+                [ngModel]="additionalPlayoffs[position].teamSelectorA"
+                (ngModelChange)="setAdditionalPlayoffTeamSelectorA(position, $event)">
+                <option
+                  value=""
+                  class="text-secondary"
+                  translate="Portal.ConfigureTournament.Sections.AdditionalPlayoffs.DropdownPlaceholder"></option>
                 @for (item of abstractTeamSelectors; track item) {
-                  <option [value]="item" class="text-black">{{ item | abstractTeamSelector : groupAlphabeticalIdsForTeamSelectors : 'de' }}</option>
+                  <option [value]="item" class="text-black">
+                    {{ item | abstractTeamSelector: groupAlphabeticalIdsForTeamSelectors : 'de' }}
+                  </option>
                 }
               </select>
             </div>
             <div class="col-4 pe-0">
-              <select class="form-select"
-                      [ngClass]="{ 'text-secondary': additionalPlayoffs[position].teamSelectorB === '', 'border-danger': attemptedToSaveChanges && additionalPlayoffs[position].teamSelectorB === '' }"
-                      [ngModel]="additionalPlayoffs[position].teamSelectorB"
-                      (ngModelChange)="setAdditionalPlayoffTeamSelectorB(position, $event)">
-                <option value="" class="text-secondary" translate="Portal.ConfigureTournament.Sections.AdditionalPlayoffs.DropdownPlaceholder"></option>
+              <select
+                class="form-select"
+                [ngClass]="{
+                  'text-secondary': additionalPlayoffs[position].teamSelectorB === '',
+                  'border-danger': attemptedToSaveChanges && additionalPlayoffs[position].teamSelectorB === ''
+                }"
+                [ngModel]="additionalPlayoffs[position].teamSelectorB"
+                (ngModelChange)="setAdditionalPlayoffTeamSelectorB(position, $event)">
+                <option
+                  value=""
+                  class="text-secondary"
+                  translate="Portal.ConfigureTournament.Sections.AdditionalPlayoffs.DropdownPlaceholder"></option>
                 @for (item of abstractTeamSelectors; track item) {
-                  <option [value]="item" class="text-black">{{ item | abstractTeamSelector : groupAlphabeticalIdsForTeamSelectors : 'de' }}</option>
+                  <option [value]="item" class="text-black">
+                    {{ item | abstractTeamSelector: groupAlphabeticalIdsForTeamSelectors : 'de' }}
+                  </option>
                 }
               </select>
             </div>
             <div class="col-1 text-center">
               @if (additionalPlayoffs[position].teamSelectorA === additionalPlayoffs[position].teamSelectorB) {
-                <tp-tooltip-icon [icon]="'exclamation-triangle'" [iconClass]="'text-warning'" [margin]="false" [tooltipText]="'Portal.ConfigureTournament.Sections.AdditionalPlayoffs.DuplicateTeam'" />
+                <tp-tooltip-icon
+                  [icon]="'exclamation-triangle'"
+                  [iconClass]="'text-warning'"
+                  [margin]="false"
+                  [tooltipText]="'Portal.ConfigureTournament.Sections.AdditionalPlayoffs.DuplicateTeam'" />
               }
             </div>
           } @else {
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/create-api-key/create-api-key.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/create-api-key/create-api-key.component.html
index 5fce1528..d1e55f59 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/create-api-key/create-api-key.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/create-api-key/create-api-key.component.html
@@ -21,7 +21,7 @@
         </span>
       </div>
     </div>
-    
+
     <hr />
 
     <div class="d-flex flex-row justify-content-end">
@@ -33,22 +33,26 @@
     <div [formGroup]="form">
       <div class="mb-3">
         <label for="create_apiKey_name" class="form-label" translate="Portal.CreateApiKey.Form.Name"></label>
-        <input id="create_apiKey_name"
-               type="text"
-               class="form-control"
-               formControlName="name"
-               [ngClass]="nameControl.dirty || nameControl.touched ? (nameControl.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+        <input
+          id="create_apiKey_name"
+          type="text"
+          class="form-control"
+          formControlName="name"
+          [ngClass]="nameControl.dirty || nameControl.touched ? (nameControl.invalid ? 'is-invalid' : 'is-valid') : ''" />
         <div class="invalid-feedback" translate="Portal.CreateApiKey.Form.NameInvalid"></div>
         <div class="valid-feedback" translate="Portal.CreateApiKey.Form.NameValid"></div>
       </div>
 
       <div class="mb-3">
         <label for="create_apiKey_description" class="form-label" translate="Portal.CreateApiKey.Form.Description"></label>
-        <input id="create_apiKey_description"
-               type="text"
-               class="form-control"
-               formControlName="description"
-               [ngClass]="descriptionControl.dirty || descriptionControl.touched ? (descriptionControl.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+        <input
+          id="create_apiKey_description"
+          type="text"
+          class="form-control"
+          formControlName="description"
+          [ngClass]="
+            descriptionControl.dirty || descriptionControl.touched ? (descriptionControl.invalid ? 'is-invalid' : 'is-valid') : ''
+          " />
         <div class="invalid-feedback" translate="Portal.CreateApiKey.Form.DescriptionInvalid"></div>
         <div class="valid-feedback" translate="Portal.CreateApiKey.Form.DescriptionValid"></div>
       </div>
@@ -69,7 +73,9 @@
 
     <div class="form-text">
       <i class="bi bi-info-circle"></i>
-      <span class="ms-2" [innerHTML]="'Portal.CreateApiKey.OrganizationNotice' | translate : { 'organizationName': organization?.name } "></span>
+      <span
+        class="ms-2"
+        [innerHTML]="'Portal.CreateApiKey.OrganizationNotice' | translate: { organizationName: organization?.name }"></span>
     </div>
 
     <hr />
@@ -82,7 +88,11 @@
     <hr />
 
     <div class="d-flex flex-row justify-content-end">
-      <tp-action-button [type]="'success'" [title]="'Portal.CreateApiKey.Submit'" [disabled]="form.invalid" (click)="confirmButtonClicked()" />
+      <tp-action-button
+        [type]="'success'"
+        [title]="'Portal.CreateApiKey.Submit'"
+        [disabled]="form.invalid"
+        (click)="confirmButtonClicked()" />
     </div>
   </tp-page-frame>
 }
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/create-organization/create-organization.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/create-organization/create-organization.component.html
index 5d5bb00d..1dd052f0 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/create-organization/create-organization.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/create-organization/create-organization.component.html
@@ -1,13 +1,18 @@
-<tp-page-frame *tpLoadingState="loadingState" [ultraSlim]="true" [title]="'Portal.CreateOrganization.LongTitle' | translate" [backLink]="'../..'">
+<tp-page-frame
+  *tpLoadingState="loadingState"
+  [ultraSlim]="true"
+  [title]="'Portal.CreateOrganization.LongTitle' | translate"
+  [backLink]="'../..'">
   <label for="create_organization_name" class="form-label" translate="Portal.CreateOrganization.Form.Name"></label>
-  <input id="create_organization_name"
-         type="text"
-         class="form-control"
-         [formControl]="organizationName"
-         [required]="true"
-         [minlength]="1"
-         [maxlength]="40"
-         [ngClass]="organizationName.dirty || organizationName.touched ? (organizationName.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+  <input
+    id="create_organization_name"
+    type="text"
+    class="form-control"
+    [formControl]="organizationName"
+    [required]="true"
+    [minlength]="1"
+    [maxlength]="40"
+    [ngClass]="organizationName.dirty || organizationName.touched ? (organizationName.invalid ? 'is-invalid' : 'is-valid') : ''" />
   <div class="invalid-feedback" translate="Portal.CreateOrganization.Form.NameInvalid"></div>
   <div class="valid-feedback" translate="Portal.CreateOrganization.Form.NameValid"></div>
 
@@ -21,6 +26,10 @@
   <hr />
 
   <div class="d-flex flex-row justify-content-end">
-    <tp-action-button [type]="'success'" [title]="'Portal.CreateOrganization.Submit'" [disabled]="organizationName.invalid" (click)="confirmButtonClicked()" />
+    <tp-action-button
+      [type]="'success'"
+      [title]="'Portal.CreateOrganization.Submit'"
+      [disabled]="organizationName.invalid"
+      (click)="confirmButtonClicked()" />
   </div>
 </tp-page-frame>
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/create-tournament/create-tournament.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/create-tournament/create-tournament.component.html
index 3b2c39c3..3e0a89b4 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/create-tournament/create-tournament.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/create-tournament/create-tournament.component.html
@@ -1,13 +1,14 @@
 <tp-page-frame *tpLoadingState="loadingState" [ultraSlim]="true" [title]="'Portal.CreateTournament.Title' | translate" [backLink]="'../..'">
   <label for="createTournament_name" class="form-label" translate="Portal.CreateTournament.Form.Name"></label>
-  <input id="createTournament_name"
-         type="text"
-         class="form-control"
-         [formControl]="tournamentName"
-         [required]="true"
-         [minlength]="1"
-         [maxlength]="60"
-         [ngClass]="tournamentName.dirty || tournamentName.touched ? (tournamentName.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+  <input
+    id="createTournament_name"
+    type="text"
+    class="form-control"
+    [formControl]="tournamentName"
+    [required]="true"
+    [minlength]="1"
+    [maxlength]="60"
+    [ngClass]="tournamentName.dirty || tournamentName.touched ? (tournamentName.invalid ? 'is-invalid' : 'is-valid') : ''" />
   <div class="invalid-feedback" translate="Portal.CreateTournament.Form.NameInvalid"></div>
   <div class="valid-feedback" translate="Portal.CreateTournament.Form.NameValid"></div>
 
@@ -20,12 +21,28 @@
     </div>
 
     <div class="form-check">
-      <input class="form-check-input" type="radio" name="createTournament_folderMode" id="createTournament_folderMode_noFolder" [value]="'NoFolder'" [(ngModel)]="folderMode">
-      <label class="form-check-label" for="createTournament_folderMode_noFolder" translate="Portal.CreateTournament.Form.UseNoFolder"></label>
+      <input
+        class="form-check-input"
+        type="radio"
+        name="createTournament_folderMode"
+        id="createTournament_folderMode_noFolder"
+        [value]="'NoFolder'"
+        [(ngModel)]="folderMode" />
+      <label
+        class="form-check-label"
+        for="createTournament_folderMode_noFolder"
+        translate="Portal.CreateTournament.Form.UseNoFolder"></label>
     </div>
 
     <div class="form-check">
-      <input class="form-check-input" type="radio" name="createTournament_folderMode" id="createTournament_folderMode_existingFolder" [value]="'ExistingFolder'" [(ngModel)]="folderMode" [disabled]="disableExistingFolders">
+      <input
+        class="form-check-input"
+        type="radio"
+        name="createTournament_folderMode"
+        id="createTournament_folderMode_existingFolder"
+        [value]="'ExistingFolder'"
+        [(ngModel)]="folderMode"
+        [disabled]="disableExistingFolders" />
       <label class="form-check-label" for="createTournament_folderMode_existingFolder">
         <span translate="Portal.CreateTournament.Form.UseExistingFolder"></span>
         @if (folderMode === 'ExistingFolder') {
@@ -46,7 +63,13 @@
     }
 
     <div class="form-check">
-      <input class="form-check-input" type="radio" name="createTournament_folderMode" id="createTournament_folderMode_newFolder" [value]="'NewFolder'" [(ngModel)]="folderMode">
+      <input
+        class="form-check-input"
+        type="radio"
+        name="createTournament_folderMode"
+        id="createTournament_folderMode_newFolder"
+        [value]="'NewFolder'"
+        [(ngModel)]="folderMode" />
       <label class="form-check-label" for="createTournament_folderMode_newFolder">
         <span translate="Portal.CreateTournament.Form.CreateNewFolder"></span>
         @if (folderMode === 'NewFolder') {
@@ -56,14 +79,15 @@
     </div>
 
     @if (folderMode === 'NewFolder') {
-      <input type="text"
-             class="form-control"
-             [formControl]="newFolderName"
-             [required]="true"
-             [minlength]="1"
-             [maxlength]="60"
-             [placeholder]="'Portal.ViewTournament.Settings.MoveToAnotherFolder.NamePlaceholder' | translate"
-             [ngClass]="newFolderName.dirty || newFolderName.touched ? (newFolderName.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+      <input
+        type="text"
+        class="form-control"
+        [formControl]="newFolderName"
+        [required]="true"
+        [minlength]="1"
+        [maxlength]="60"
+        [placeholder]="'Portal.ViewTournament.Settings.MoveToAnotherFolder.NamePlaceholder' | translate"
+        [ngClass]="newFolderName.dirty || newFolderName.touched ? (newFolderName.invalid ? 'is-invalid' : 'is-valid') : ''" />
       <div class="invalid-feedback" translate="Portal.CreateTournament.Form.FolderNameInvalid"></div>
       <div class="valid-feedback" translate="Portal.CreateTournament.Form.FolderNameValid"></div>
     }
@@ -79,12 +103,14 @@
 
     <tp-visibility-selector [(visibility)]="visibility" />
   </div>
-  
+
   <hr />
 
   <div class="form-text">
     <i class="bi bi-info-circle"></i>
-    <span class="ms-2" [innerHTML]="'Portal.CreateTournament.OrganizationNotice' | translate : { 'organizationName': organization?.name } "></span>
+    <span
+      class="ms-2"
+      [innerHTML]="'Portal.CreateTournament.OrganizationNotice' | translate: { organizationName: organization?.name }"></span>
   </div>
 
   @if (visibility === 'Private') {
@@ -93,11 +119,14 @@
       <span class="ms-2" [innerHTML]="'Portal.CreateTournament.VisibilityPrivateNotice' | translate"></span>
     </div>
   }
-  
+
   <hr />
 
   <div class="d-flex flex-row justify-content-end">
-    <tp-action-button [type]="'success'" [title]="'Portal.CreateTournament.Submit'" [disabled]="tournamentName.invalid" (click)="confirmButtonClicked()" />
+    <tp-action-button
+      [type]="'success'"
+      [title]="'Portal.CreateTournament.Submit'"
+      [disabled]="tournamentName.invalid"
+      (click)="confirmButtonClicked()" />
   </div>
 </tp-page-frame>
-
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/create-user/create-user.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/create-user/create-user.component.html
index 739c6e2e..e9b9f26e 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/create-user/create-user.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/create-user/create-user.component.html
@@ -2,44 +2,47 @@
   <form [formGroup]="form">
     <div class="mb-3">
       <label for="create_user_name" class="form-label" translate="Portal.CreateUser.Form.UserName"></label>
-      <input id="create_user_name"
-             type="text"
-             class="form-control"
-             formControlName="userName"
-             [required]="true"
-             [minlength]="1"
-             [maxlength]="100"
-             [ngClass]="userNameControl.dirty || userNameControl.touched ? (userNameControl.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+      <input
+        id="create_user_name"
+        type="text"
+        class="form-control"
+        formControlName="userName"
+        [required]="true"
+        [minlength]="1"
+        [maxlength]="100"
+        [ngClass]="userNameControl.dirty || userNameControl.touched ? (userNameControl.invalid ? 'is-invalid' : 'is-valid') : ''" />
       <div class="invalid-feedback" translate="Portal.CreateUser.Form.UserNameInvalid"></div>
     </div>
 
     <div class="mb-3">
       <label for="create_user_email" class="form-label" translate="Portal.CreateUser.Form.Email"></label>
-      <input id="create_user_email"
-             type="email"
-             class="form-control"
-             formControlName="eMail"
-             [required]="true"
-             [minlength]="1"
-             [maxlength]="100"
-             [ngClass]="eMailControl.dirty || eMailControl.touched ? (eMailControl.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+      <input
+        id="create_user_email"
+        type="email"
+        class="form-control"
+        formControlName="eMail"
+        [required]="true"
+        [minlength]="1"
+        [maxlength]="100"
+        [ngClass]="eMailControl.dirty || eMailControl.touched ? (eMailControl.invalid ? 'is-invalid' : 'is-valid') : ''" />
       <div class="invalid-feedback" translate="Portal.CreateUser.Form.EmailInvalid"></div>
     </div>
 
     <div>
       <label for="create_user_password" class="form-label" translate="Portal.CreateUser.Form.Password"></label>
-      <input id="create_user_password"
-             type="password"
-             class="form-control"
-             formControlName="password"
-             [required]="true"
-             [minlength]="1"
-             [maxlength]="64"
-             [ngClass]="passwordControl.dirty || passwordControl.touched ? (passwordControl.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+      <input
+        id="create_user_password"
+        type="password"
+        class="form-control"
+        formControlName="password"
+        [required]="true"
+        [minlength]="1"
+        [maxlength]="64"
+        [ngClass]="passwordControl.dirty || passwordControl.touched ? (passwordControl.invalid ? 'is-invalid' : 'is-valid') : ''" />
       <div class="invalid-feedback" translate="Portal.CreateUser.Form.PasswordInvalid"></div>
     </div>
   </form>
-  
+
   <hr />
 
   <div class="form-text">
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/create-venue/create-venue.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/create-venue/create-venue.component.html
index a2822ce0..34efa59f 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/create-venue/create-venue.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/create-venue/create-venue.component.html
@@ -1,13 +1,14 @@
 <tp-page-frame *tpLoadingState="loadingState" [ultraSlim]="true" [title]="'Portal.CreateVenue.Title' | translate" [backLink]="'../..'">
   <label for="create_venue_name" class="form-label" translate="Portal.CreateVenue.Form.Name"></label>
-  <input id="create_venue_name"
-         type="text"
-         class="form-control"
-         [formControl]="venueName"
-         [required]="true"
-         [minlength]="1"
-         [maxlength]="60"
-         [ngClass]="venueName.dirty || venueName.touched ? (venueName.invalid ? 'is-invalid' : 'is-valid') : ''"/>
+  <input
+    id="create_venue_name"
+    type="text"
+    class="form-control"
+    [formControl]="venueName"
+    [required]="true"
+    [minlength]="1"
+    [maxlength]="60"
+    [ngClass]="venueName.dirty || venueName.touched ? (venueName.invalid ? 'is-invalid' : 'is-valid') : ''" />
   <div class="invalid-feedback" translate="Portal.CreateVenue.Form.NameInvalid"></div>
   <div class="valid-feedback" translate="Portal.CreateVenue.Form.NameValid"></div>
 
@@ -15,13 +16,16 @@
 
   <div class="form-text">
     <i class="bi bi-info-circle"></i>
-    <span class="ms-2" [innerHTML]="'Portal.CreateVenue.OrganizationNotice' | translate : { 'organizationName': organization?.name } "></span>
+    <span class="ms-2" [innerHTML]="'Portal.CreateVenue.OrganizationNotice' | translate: { organizationName: organization?.name }"></span>
   </div>
 
   <hr />
 
   <div class="d-flex flex-row justify-content-end">
-    <tp-action-button [type]="'success'" [title]="'Portal.CreateVenue.Submit'" [disabled]="venueName.invalid" (click)="confirmButtonClicked()" />
+    <tp-action-button
+      [type]="'success'"
+      [title]="'Portal.CreateVenue.Submit'"
+      [disabled]="venueName.invalid"
+      (click)="confirmButtonClicked()" />
   </div>
 </tp-page-frame>
-
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/edit-match-plan/edit-match-plan.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/edit-match-plan/edit-match-plan.component.html
index d13505f9..7ea57ff5 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/edit-match-plan/edit-match-plan.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/edit-match-plan/edit-match-plan.component.html
@@ -1,4 +1,8 @@
-<tp-page-frame *tpLoadingState="loadingState" [ultraSlim]="true" [title]="'Portal.EditMatchPlan.Title' | translate : { tournament: tournamentName }" [backLink]="'..'">
+<tp-page-frame
+  *tpLoadingState="loadingState"
+  [ultraSlim]="true"
+  [title]="'Portal.EditMatchPlan.Title' | translate: { tournament: tournamentName }"
+  [backLink]="'..'">
   <div translate="Portal.EditMatchPlan.Subtitle"></div>
   @if (displayEditWarning) {
     <tp-tournament-edit-warning [translationKey]="'Portal.EditMatchPlan.DestructiveWarning'" [(accepted)]="editWarningAccepted" />
@@ -20,7 +24,11 @@
     </thead>
     <tbody [dndDropzone]="" (dndDrop)="moveMatch($event)">
       @for (match of currentState; track match.id) {
-        <tr [dndDraggable]="true" [dndEffectAllowed]="'move'" (dndStart)="currentlyMovingMatchId = match.id" (dndEnd)="currentlyMovingMatchId = undefined">
+        <tr
+          [dndDraggable]="true"
+          [dndEffectAllowed]="'move'"
+          (dndStart)="currentlyMovingMatchId = match.id"
+          (dndEnd)="currentlyMovingMatchId = undefined">
           <td dndHandle class="align-middle tp-cursor-move">
             <i class="bi bi-grip-horizontal"></i>
           </td>
@@ -35,7 +43,7 @@
           </td>
           <td class="align-middle text-center">
             @if (match.kickoff) {
-              {{ match.kickoff | translateDate : (showKickoffWithSeconds ? 'mediumTime' : 'shortTime') }}
+              {{ match.kickoff | translateDate: (showKickoffWithSeconds ? 'mediumTime' : 'shortTime') }}
             }
           </td>
           <td class="align-middle">
@@ -45,11 +53,12 @@
             {{ localizedTeamSelectors[match.teamSelectorB] }}
           </td>
           <td>
-            <tp-action-button icon="pencil"
-                              type="outline-secondary"
-                              [attr.aria-label]="'Portal.EditMatchPlan.EditButtonTooltip.Button' | translate"
-                              [mode]="'IconOnly'"
-                              (click)="currentlyEditingMatchId = (currentlyEditingMatchId === match.id ? undefined : match.id)" />
+            <tp-action-button
+              icon="pencil"
+              type="outline-secondary"
+              [attr.aria-label]="'Portal.EditMatchPlan.EditButtonTooltip.Button' | translate"
+              [mode]="'IconOnly'"
+              (click)="currentlyEditingMatchId = currentlyEditingMatchId === match.id ? undefined : match.id" />
           </td>
         </tr>
         @if (match.id === currentlyEditingMatchId) {
@@ -58,27 +67,42 @@
             <td colspan="4">
               <div class="d-flex flex-column align-items-start gap-2">
                 <div translate="Portal.EditMatchPlan.EditMatch.Court"></div>
-                <input class="form-control form-control-sm" type="number" min="1" [ngModel]="match.court + 1" (ngModelChange)="setMatchCourt(match.id, $event - 1)">
+                <input
+                  class="form-control form-control-sm"
+                  type="number"
+                  min="1"
+                  [ngModel]="match.court + 1"
+                  (ngModelChange)="setMatchCourt(match.id, $event - 1)" />
 
                 <div translate="Portal.EditMatchPlan.EditMatch.Kickoff"></div>
-                <input class="form-control form-control-sm" type="datetime-local" [ngModel]="match.kickoff | date:'yyyy-MM-ddTHH:mm'" (ngModelChange)="setMatchKickoff(match.id, $event)" />
-                
+                <input
+                  class="form-control form-control-sm"
+                  type="datetime-local"
+                  [ngModel]="match.kickoff | date: 'yyyy-MM-ddTHH:mm'"
+                  (ngModelChange)="setMatchKickoff(match.id, $event)" />
+
                 <div translate="Portal.EditMatchPlan.EditMatch.TeamSelectorA"></div>
-                <select class="form-select form-select-sm" [ngModel]="match.teamSelectorA" (ngModelChange)="setMatchTeam(match.id,'A', $event)">
+                <select
+                  class="form-select form-select-sm"
+                  [ngModel]="match.teamSelectorA"
+                  (ngModelChange)="setMatchTeam(match.id, 'A', $event)">
                   @for (teamSelector of match.possibleTeamSelectors; track teamSelector) {
                     <option [value]="teamSelector">{{ localizedTeamSelectors[teamSelector] }}</option>
                   }
                 </select>
 
                 <div translate="Portal.EditMatchPlan.EditMatch.TeamSelectorB"></div>
-                <select class="form-select form-select-sm" [ngModel]="match.teamSelectorB" (ngModelChange)="setMatchTeam(match.id,'B', $event)">
+                <select
+                  class="form-select form-select-sm"
+                  [ngModel]="match.teamSelectorB"
+                  (ngModelChange)="setMatchTeam(match.id, 'B', $event)">
                   @for (teamSelector of match.possibleTeamSelectors; track teamSelector) {
                     <option [value]="teamSelector">{{ localizedTeamSelectors[teamSelector] }}</option>
                   }
                 </select>
 
                 @if (match.isGroupMatch) {
-                  <div class="small text-secondary d-flex flex-row align-items-center gap-2" style="width: 0; min-width: 100%;">
+                  <div class="small text-secondary d-flex flex-row align-items-center gap-2" style="width: 0; min-width: 100%">
                     <!-- The element style prevents the text from resizing its parent and disrupting the table layout. -->
                     <i class="bi bi-info-circle"></i>
                     <span translate="Portal.EditMatchPlan.EditMatch.GroupMatchRestriction"></span>
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/folder-statistics/folder-statistics.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/folder-statistics/folder-statistics.component.html
index 4c41d264..97919b30 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/folder-statistics/folder-statistics.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/folder-statistics/folder-statistics.component.html
@@ -1,4 +1,7 @@
-<tp-page-frame *tpLoadingState="loadingState" [title]="'Portal.FolderStatistics.Title' | translate : { folder: folderName }" [backLink]="'../../organization/' + organizationId">
+<tp-page-frame
+  *tpLoadingState="loadingState"
+  [title]="'Portal.FolderStatistics.Title' | translate: { folder: folderName }"
+  [backLink]="'../../organization/' + organizationId">
   @if (statistics && statistics.numberOfTournaments > 0 && statistics.numberOfMatches > 0) {
     <div class="mt-5 d-flex flex-column">
       <div class="text-center text-decoration-underline" translate="Portal.FolderStatistics.ImportantFacts"></div>
@@ -7,21 +10,54 @@
       <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.numberOfMatches, name: 'Matches' }" />
       <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.numberOfGroups, name: 'Groups' }" />
       <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.numberOfGoals, name: 'Goals' }" />
-      <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.averageGoalsPerMatch | number : '1.2-2' : locale, name: 'GoalsPerMatch', average: true, goalDistributionNotice: true }" />
+      <ng-container
+        *ngTemplateOutlet="
+          statistic;
+          context: {
+            value: statistics.averageGoalsPerMatch | number: '1.2-2' : locale,
+            name: 'GoalsPerMatch',
+            average: true,
+            goalDistributionNotice: true
+          }
+        " />
       <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.totalPublicPageViews, name: 'TotalPublicPageViews' }" />
 
       @if (statistics.mostSignificantOutcome.scoreA !== 0 || statistics.mostSignificantOutcome.scoreB !== 0) {
-        <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.mostSignificantOutcome.scoreA + ':' + statistics.mostSignificantOutcome.scoreB, name: 'MostSignificantOutcome' }" />
+        <ng-container
+          *ngTemplateOutlet="
+            statistic;
+            context: {
+              value: statistics.mostSignificantOutcome.scoreA + ':' + statistics.mostSignificantOutcome.scoreB,
+              name: 'MostSignificantOutcome'
+            }
+          " />
       }
 
-      <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.mostGoalsPerMatch, name: 'MostGoalsPerMatch', hideIfZero: true }" />
-      <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.numberOfDecidingMatches, name: 'NumberOfDecidingMatches', hideIfZero: true }" />
-      <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.numberOfPenaltyShootouts, name: 'NumberOfPenaltyShootouts', hideIfZero: true }" />
-      <ng-container *ngTemplateOutlet="statistic; context: { value: statistics.numberOfOverTimes, name: 'NumberOfOverTimes', hideIfZero: true }" />
+      <ng-container
+        *ngTemplateOutlet="statistic; context: { value: statistics.mostGoalsPerMatch, name: 'MostGoalsPerMatch', hideIfZero: true }" />
+      <ng-container
+        *ngTemplateOutlet="
+          statistic;
+          context: { value: statistics.numberOfDecidingMatches, name: 'NumberOfDecidingMatches', hideIfZero: true }
+        " />
+      <ng-container
+        *ngTemplateOutlet="
+          statistic;
+          context: { value: statistics.numberOfPenaltyShootouts, name: 'NumberOfPenaltyShootouts', hideIfZero: true }
+        " />
+      <ng-container
+        *ngTemplateOutlet="statistic; context: { value: statistics.numberOfOverTimes, name: 'NumberOfOverTimes', hideIfZero: true }" />
 
-      <div class="text-center mt-4 mb-2" translate="Portal.FolderStatistics.FinishedMatches" [translateParams]="{ 'done': statistics.numberOfFinishedMatches, 'total': statistics.numberOfMatches, 'percent': statistics.percentageOfFinishedMatches / 100 | percent }"></div>
+      <div
+        class="text-center mt-4 mb-2"
+        translate="Portal.FolderStatistics.FinishedMatches"
+        [translateParams]="{
+          done: statistics.numberOfFinishedMatches,
+          total: statistics.numberOfMatches,
+          percent: statistics.percentageOfFinishedMatches / 100 | percent
+        }"></div>
       <div class="progress mb-3">
-        <div class="progress-bar progress-bar-striped bg-success" [ngStyle]="{ 'width': statistics.percentageOfFinishedMatches + '%' }"></div>
+        <div class="progress-bar progress-bar-striped bg-success" [ngStyle]="{ width: statistics.percentageOfFinishedMatches + '%' }"></div>
       </div>
 
       @if (statistics.outcomeDistribution.length > 0) {
@@ -32,7 +68,12 @@
           <ng-container [ngTemplateOutlet]="excludedTournamentsNotice" />
         </div>
         <div class="mt-3 d-flex flex-row justify-content-center">
-          <canvas style="max-width: 600px; max-height: 300px;" baseChart type="bar" [data]="outcomesBarChart" [options]="barChartOptions"></canvas>
+          <canvas
+            style="max-width: 600px; max-height: 300px"
+            baseChart
+            type="bar"
+            [data]="outcomesBarChart"
+            [options]="barChartOptions"></canvas>
         </div>
       }
 
@@ -41,7 +82,12 @@
 
         <div class="text-center text-decoration-underline" translate="Portal.FolderStatistics.PageViewsPerTournament"></div>
         <div class="mt-3 d-flex flex-row justify-content-center">
-          <canvas style="max-width: 600px; max-height: 300px;" baseChart type="bar" [data]="pageViewsBarChart" [options]="barChartOptions"></canvas>
+          <canvas
+            style="max-width: 600px; max-height: 300px"
+            baseChart
+            type="bar"
+            [data]="pageViewsBarChart"
+            [options]="barChartOptions"></canvas>
         </div>
       }
     </div>
@@ -50,12 +96,18 @@
   }
 </tp-page-frame>
 
-<ng-template #statistic let-value="value" let-name="name" let-average="average" let-hideIfZero="hideIfZero" let-goalDistributionNotice="goalDistributionNotice">
+<ng-template
+  #statistic
+  let-value="value"
+  let-name="name"
+  let-average="average"
+  let-hideIfZero="hideIfZero"
+  let-goalDistributionNotice="goalDistributionNotice">
   @if (hideIfZero !== true || value !== 0) {
     <div class="d-flex flex-row align-items-baseline gap-2">
       <div class="w-50 fs-1 fw-bold text-end">
         @if (average === true) {
-          <span class="me-2" style="font-size: 0.7em;">&empty;</span>
+          <span class="me-2" style="font-size: 0.7em">&empty;</span>
         }
         <span>{{ value }}</span>
       </div>
@@ -71,6 +123,8 @@
 
 <ng-template #excludedTournamentsNotice>
   @if (goalDistributionExcludedTournaments) {
-    <tp-tooltip-icon [tooltipText]="'Portal.FolderStatistics.ExcludedTournamentsNotice'" [tooltipTextParams]="{ 'tournamentNames': goalDistributionExcludedTournaments }" />
+    <tp-tooltip-icon
+      [tooltipText]="'Portal.FolderStatistics.ExcludedTournamentsNotice'"
+      [tooltipTextParams]="{ tournamentNames: goalDistributionExcludedTournaments }" />
   }
 </ng-template>
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/folder-timetable/folder-timetable.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/folder-timetable/folder-timetable.component.html
index 74fb36b5..ac1f2008 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/folder-timetable/folder-timetable.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/folder-timetable/folder-timetable.component.html
@@ -1,20 +1,24 @@
-<tp-page-frame *tpLoadingState="loadingState" [title]="'Portal.FolderTimetable.Title' | translate : { folder: folderName }" [backLink]="'../../organization/' + organizationId">
+<tp-page-frame
+  *tpLoadingState="loadingState"
+  [title]="'Portal.FolderTimetable.Title' | translate: { folder: folderName }"
+  [backLink]="'../../organization/' + organizationId">
   <ng-template #buttons>
     @if (showRefreshButton) {
-      <tp-action-button [title]="'Portal.FolderTimetable.Refresh'"
-                        [type]="'outline-secondary'"
-                        [icon]="'arrow-clockwise'"
-                        (click)="reloadTimetable()" />
+      <tp-action-button
+        [title]="'Portal.FolderTimetable.Refresh'"
+        [type]="'outline-secondary'"
+        [icon]="'arrow-clockwise'"
+        (click)="reloadTimetable()" />
     }
   </ng-template>
   <ng-template #content>
     @if (view) {
       @if (missingTournaments.length > 0) {
-        <tp-alert [type]="'warning'" [icon]="'exclamation-triangle'" >
+        <tp-alert [type]="'warning'" [icon]="'exclamation-triangle'">
           <div>
             <div translate="Portal.FolderTimetable.MissingTournaments"></div>
             <div>
-              @for (missing of missingTournaments; track missing.id; let isLast=$last) {
+              @for (missing of missingTournaments; track missing.id; let isLast = $last) {
                 <span>{{ missing.name }}</span>
                 @if (!isLast) {
                   <span> &middot; </span>
@@ -28,50 +32,61 @@
 
       <div class="d-flex flex-row gap-1">
         <div class="d-flex flex-column gap-1">
-          <div style="height: 3em;">
+          <div style="height: 3em">
             <!-- Spacing for hour markers -->
           </div>
           @for (day of view.days; track day.date) {
             <div class="border">
-              <div class="px-2 timetable-compact-text timetable-date d-flex flex-column align-items-center justify-content-center"
-                   [ngStyle]="{ 'height': (day.rows.length * 3.5 + (day.rows.length - 1) * 0.25) + 'em' }">
-                <span class="fw-bold">{{ day.date | translateDate : 'shortDate' }}</span>
-                <span class="small">{{ day.date | translateDate : 'EEEE' }}</span>
+              <div
+                class="px-2 timetable-compact-text timetable-date d-flex flex-column align-items-center justify-content-center"
+                [ngStyle]="{ height: day.rows.length * 3.5 + (day.rows.length - 1) * 0.25 + 'em' }">
+                <span class="fw-bold">{{ day.date | translateDate: 'shortDate' }}</span>
+                <span class="small">{{ day.date | translateDate: 'EEEE' }}</span>
               </div>
             </div>
           }
         </div>
         <div class="flex-grow-1 d-flex flex-column gap-1">
-          <div class="d-flex flex-row" >
+          <div class="d-flex flex-row">
             @for (hour of view.hourMarks; track hour) {
-              <div class="position-relative" style="height: 3em;" [ngStyle]="{ 'margin-right': (100 / (view.hourMarks.length - 1)) + '%' }">
-                <div class="position-absolute border-start" style="bottom: 0; left: 0; height: 0.5em;"></div>
-                <span class="position-absolute small fw-bold" style="bottom: 0; left: 0; transform: translate(-50%, -0.6em);">{{ hour }}</span>
+              <div class="position-relative" style="height: 3em" [ngStyle]="{ 'margin-right': 100 / (view.hourMarks.length - 1) + '%' }">
+                <div class="position-absolute border-start" style="bottom: 0; left: 0; height: 0.5em"></div>
+                <span class="position-absolute small fw-bold" style="bottom: 0; left: 0; transform: translate(-50%, -0.6em)">{{
+                  hour
+                }}</span>
               </div>
             }
           </div>
           @for (day of view.days; track day.date) {
             <div class="border timetable-row d-flex flex-column">
               @for (row of day.rows; track row; let isFirst = $first) {
-                <div class="d-flex flex-row" [ngStyle]="{ 'height': '3.5em', 'margin-top': isFirst ? '0' : '0.25em' }">
-                  @for (entry of row.entries; track entry.tournament.id; let isFirst=$first) {
-                    <div [ngStyle]="{ 'width': (entry.columnsSpacing * view.percentPerColumn) + '%' }" [ngbTooltip]="isFirst ? undefined : ('Portal.FolderTimetable.Break' | translate : { minutes: entry.columnsSpacing })"></div>
-                    <a class="px-3 overflow-hidden timetable-tournament tp-cursor-pointer d-flex flex-row align-items-center text-decoration-none"
-                       href="./portal/tournament/{{ entry.tournament.id }}"
-                       target="{{ openInNewTab ? '_blank' : '_self' }}"
-                       [ngStyle]="{ 'width': (entry.columnsCount * view.percentPerColumn) + '%' }"
-                       (click)="tournamentLinkClicked()">
+                <div class="d-flex flex-row" [ngStyle]="{ height: '3.5em', 'margin-top': isFirst ? '0' : '0.25em' }">
+                  @for (entry of row.entries; track entry.tournament.id; let isFirst = $first) {
+                    <div
+                      [ngStyle]="{ width: entry.columnsSpacing * view.percentPerColumn + '%' }"
+                      [ngbTooltip]="
+                        isFirst ? undefined : ('Portal.FolderTimetable.Break' | translate: { minutes: entry.columnsSpacing })
+                      "></div>
+                    <a
+                      class="px-3 overflow-hidden timetable-tournament tp-cursor-pointer d-flex flex-row align-items-center text-decoration-none"
+                      href="./portal/tournament/{{ entry.tournament.id }}"
+                      target="{{ openInNewTab ? '_blank' : '_self' }}"
+                      [ngStyle]="{ width: entry.columnsCount * view.percentPerColumn + '%' }"
+                      (click)="tournamentLinkClicked()">
                       <div class="timetable-compact-text">
                         <div>{{ entry.tournament.name }}</div>
                         <div class="small text-nowrap">
-                          <span>{{ entry.tournament.startDate | translateDate : 'shortTime' }}</span>
+                          <span>{{ entry.tournament.startDate | translateDate: 'shortTime' }}</span>
                           <span> - </span>
-                          <span>{{ entry.tournament.endDate | translateDate : 'shortTime' }}</span>
+                          <span>{{ entry.tournament.endDate | translateDate: 'shortTime' }}</span>
                         </div>
                       </div>
                       @if (entry.pastMidnight) {
                         <span class="flex-grow-1"></span>
-                        <tp-tooltip-icon [icon]="'moon-stars'" [tooltipText]="'Portal.FolderTimetable.MidnightTournament'" [margin]="false" />
+                        <tp-tooltip-icon
+                          [icon]="'moon-stars'"
+                          [tooltipText]="'Portal.FolderTimetable.MidnightTournament'"
+                          [margin]="false" />
                       }
                     </a>
                   }
@@ -85,7 +100,12 @@
 
     <div class="mt-3 small d-flex flex-row justify-content-end">
       <div class="form-check">
-        <input class="form-check-input" type="checkbox" id="openTournamentInNewTab" [ngModel]="openInNewTab" (ngModelChange)="setOpenInNewTab($event)" />
+        <input
+          class="form-check-input"
+          type="checkbox"
+          id="openTournamentInNewTab"
+          [ngModel]="openInNewTab"
+          (ngModelChange)="setOpenInNewTab($event)" />
         <label class="form-check-label" for="openTournamentInNewTab" translate="Portal.FolderTimetable.OpenInNewTab"></label>
       </div>
     </div>
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/landing-page/landing-page.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/landing-page/landing-page.component.html
index d2ea94eb..cbc8d812 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/landing-page/landing-page.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/landing-page/landing-page.component.html
@@ -1,21 +1,27 @@
 <ng-container *tpLoadingState="loadingState">
   <tp-page-frame [title]="'Portal.LandingPage.Title' | translate" [navigationTabs]="pages">
     <ng-template #buttons>
-      <tp-action-button *tpHasRole="administratorRoleId"
-                        [title]="'Portal.Administration.Title'"
-                        [type]="'outline-primary'"
-                        [icon]="'gear'"
-                        [routerLink]="'administration'"/>
-      <tp-action-button [title]="'Portal.LandingPage.NewOrganization'"
-                        [type]="'outline-success'"
-                        [icon]="'plus-circle'"
-                        [routerLink]="'create/organization'" />
+      <tp-action-button
+        *tpHasRole="administratorRoleId"
+        [title]="'Portal.Administration.Title'"
+        [type]="'outline-primary'"
+        [icon]="'gear'"
+        [routerLink]="'administration'" />
+      <tp-action-button
+        [title]="'Portal.LandingPage.NewOrganization'"
+        [type]="'outline-success'"
+        [icon]="'plus-circle'"
+        [routerLink]="'create/organization'" />
     </ng-template>
     <ng-template #content>
       <div class="card">
         @if (organizations.length === 0) {
           <div class="card-body">
-            <tp-alert *tpHasRole="administratorRoleId" [type]="'warning'" [icon]="'exclamation-triangle'" [text]="'Portal.LandingPage.AdministratorWarning'" />
+            <tp-alert
+              *tpHasRole="administratorRoleId"
+              [type]="'warning'"
+              [icon]="'exclamation-triangle'"
+              [text]="'Portal.LandingPage.AdministratorWarning'" />
             <div class="py-5 d-flex flex-column align-items-center gap-5">
               <tp-illustration [name]="'select'"></tp-illustration>
               <span translate="Portal.LandingPage.NoOrganizations" class="tp-text-pre-wrap text-center"></span>
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/view-organization/view-organization.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/view-organization/view-organization.component.html
index 8c7c79a7..9c216460 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/view-organization/view-organization.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/view-organization/view-organization.component.html
@@ -1,34 +1,44 @@
 <ng-container *tpLoadingState="loadingState">
-  <tp-page-frame *ngIf="organization && tournaments" [title]="organization.name" [backLink]="'../..'" [navigationTabs]="pages" [rememberNavigationTabKey]="organization.id" (navigationTabSelected)="togglePage($event.id)">
+  <tp-page-frame
+    *ngIf="organization && tournaments"
+    [title]="organization.name"
+    [backLink]="'../..'"
+    [navigationTabs]="pages"
+    [rememberNavigationTabKey]="organization.id"
+    (navigationTabSelected)="togglePage($event.id)">
     <ng-template #buttons>
       @switch (currentPage) {
         @case (0) {
-          <tp-action-button [title]="'Portal.ViewOrganization.NewTournament'"
-                            [type]="'outline-success'"
-                            [icon]="'plus-circle'"
-                            [routerLink]="'create/tournament'" />
+          <tp-action-button
+            [title]="'Portal.ViewOrganization.NewTournament'"
+            [type]="'outline-success'"
+            [icon]="'plus-circle'"
+            [routerLink]="'create/tournament'" />
         }
         @case (1) {
-          <tp-action-button [title]="'Portal.ViewOrganization.NewVenue'"
-                            [type]="'outline-success'"
-                            [icon]="'plus-circle'"
-                            [routerLink]="'create/venue'" />
+          <tp-action-button
+            [title]="'Portal.ViewOrganization.NewVenue'"
+            [type]="'outline-success'"
+            [icon]="'plus-circle'"
+            [routerLink]="'create/venue'" />
         }
         @case (2) {
-          <tp-action-button [title]="'Portal.ViewOrganization.NewApiKey'"
-                            [type]="'outline-success'"
-                            [icon]="'plus-circle'"
-                            [routerLink]="'create/api-key'" />
+          <tp-action-button
+            [title]="'Portal.ViewOrganization.NewApiKey'"
+            [type]="'outline-success'"
+            [icon]="'plus-circle'"
+            [routerLink]="'create/api-key'" />
         }
-        @case (3)  {
+        @case (3) {
           @if (isUpdatingName) {
             <tp-small-spinner />
           }
-          <tp-rename-button translationKey="Portal.ViewOrganization.Settings.Rename"
-                            [maxLength]="60"
-                            [current]="organization.name"
-                            [disabled]="isUpdatingName"
-                            (renamed)="renameOrganization($event)" />
+          <tp-rename-button
+            translationKey="Portal.ViewOrganization.Settings.Rename"
+            [maxLength]="60"
+            [current]="organization.name"
+            [disabled]="isUpdatingName"
+            (renamed)="renameOrganization($event)" />
         }
       }
     </ng-template>
@@ -47,7 +57,10 @@
               </div>
             } @else {
               <div class="card-body p-0">
-                <tp-tournament-explorer [organization]="organization" [tournaments]="tournaments" (requestError)="loadingState = { isLoading: false, error: $event }" />
+                <tp-tournament-explorer
+                  [organization]="organization"
+                  [tournaments]="tournaments"
+                  (requestError)="loadingState = { isLoading: false, error: $event }" />
               </div>
             }
           }
@@ -73,7 +86,8 @@
               </div>
             }
           }
-          @case (2) { <!-- If the number is modified, check the @if statement below -->
+          @case (2) {
+            <!-- If the number is modified, check the @if statement below -->
             @if (isLoadingApiKeys || !apiKeys) {
               <tp-loading-indicator class="my-5" [marginY]="false" />
             } @else {
@@ -83,15 +97,15 @@
               <div class="card-body p-0">
                 <table class="table" [attr.aria-label]="'Portal.ViewOrganization.ApiKeys.TableLabel' | translate">
                   <thead>
-                  <tr>
-                    <th translate="Portal.ViewOrganization.ApiKeys.Id"></th>
-                    <th style="width: 30%;" translate="Portal.ViewOrganization.ApiKeys.Description"></th>
-                    <th translate="Portal.ViewOrganization.ApiKeys.CreatedAt"></th>
-                    <th translate="Portal.ViewOrganization.ApiKeys.ExpiryDate"></th>
-                    <th class="text-center" translate="Portal.ViewOrganization.ApiKeys.IsActive"></th>
-                    <th></th>
-                    <th></th>
-                  </tr>
+                    <tr>
+                      <th translate="Portal.ViewOrganization.ApiKeys.Id"></th>
+                      <th style="width: 30%" translate="Portal.ViewOrganization.ApiKeys.Description"></th>
+                      <th translate="Portal.ViewOrganization.ApiKeys.CreatedAt"></th>
+                      <th translate="Portal.ViewOrganization.ApiKeys.ExpiryDate"></th>
+                      <th class="text-center" translate="Portal.ViewOrganization.ApiKeys.IsActive"></th>
+                      <th></th>
+                      <th></th>
+                    </tr>
                   </thead>
                   <tbody>
                     @for (apiKey of apiKeys; track apiKey) {
@@ -101,9 +115,9 @@
                           <div>{{ apiKey.name }}</div>
                           <div class="small text-secondary">{{ apiKey.description }}</div>
                         </td>
-                        <td class="align-middle">{{ apiKey.createdAt | translateDate : 'medium' }}</td>
+                        <td class="align-middle">{{ apiKey.createdAt | translateDate: 'medium' }}</td>
                         <td class="align-middle" [ngClass]="{ 'text-secondary': apiKey.isExpired }">
-                          {{ apiKey.expiryDate | translateDate : 'medium' }}
+                          {{ apiKey.expiryDate | translateDate: 'medium' }}
                           @if (apiKey.isExpired) {
                             <tp-tooltip-icon [tooltipText]="'Portal.ViewOrganization.ApiKeys.Expired'" />
                           }
@@ -113,22 +127,27 @@
                             <i class="bi bi-x-circle text-danger"></i>
                           } @else {
                             <div class="form-switch">
-                              <input type="checkbox" class="form-check-input" [ngModel]="apiKey.isActive" (ngModelChange)="setApiKeyActive(apiKey, $event)" />
+                              <input
+                                type="checkbox"
+                                class="form-check-input"
+                                [ngModel]="apiKey.isActive"
+                                (ngModelChange)="setApiKeyActive(apiKey, $event)" />
                             </div>
                           }
                         </td>
-                        <td class="align-middle pe-0" style="width: 1px;">
-                          <tp-action-button icon="bar-chart-line"
-                                            type="outline-secondary"
-                                            [attr.aria-label]="'Portal.ViewOrganization.ApiKeys.ViewCharts' | translate"
-                                            [mode]="'IconOnly'"
-                                            (click)="displayApiKeyUsage = apiKey.id" />
+                        <td class="align-middle pe-0" style="width: 1px">
+                          <tp-action-button
+                            icon="bar-chart-line"
+                            type="outline-secondary"
+                            [attr.aria-label]="'Portal.ViewOrganization.ApiKeys.ViewCharts' | translate"
+                            [mode]="'IconOnly'"
+                            (click)="displayApiKeyUsage = apiKey.id" />
                         </td>
-                        <td class="align-middle" style="width: 1px;">
+                        <td class="align-middle" style="width: 1px">
                           <tp-delete-button (confirmed)="deleteApiKey(apiKey.id)" />
                         </td>
                       </tr>
-                      
+
                       @if (apiKey.id === displayApiKeyUsage) {
                         <tr>
                           <td [attr.colspan]="7">
@@ -148,7 +167,10 @@
           }
           @case (3) {
             <div class="card-body">
-              <tp-delete-widget [translationKey]="'Portal.ViewOrganization.DeleteWidget'" [targetObjectName]="organization.name" (deleteClick)="deleteOrganization()"></tp-delete-widget>
+              <tp-delete-widget
+                [translationKey]="'Portal.ViewOrganization.DeleteWidget'"
+                [targetObjectName]="organization.name"
+                (deleteClick)="deleteOrganization()"></tp-delete-widget>
             </div>
           }
         }
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/view-tournament/view-tournament.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/view-tournament/view-tournament.component.html
index d913e120..b0bd3260 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/view-tournament/view-tournament.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/view-tournament/view-tournament.component.html
@@ -1,41 +1,53 @@
 <ng-container *tpLoadingState="loadingState">
-  <tp-page-frame *ngIf="tournament" [title]="tournament.name" [backLink]="'../../organization/' + tournament.organizationId" [navigationTabs]="pages" [rememberNavigationTabKey]="tournament.id" [enableBottomPadding]="!isTournamentTreeVisible" (navigationTabSelected)="togglePage($event.id)">
+  <tp-page-frame
+    *ngIf="tournament"
+    [title]="tournament.name"
+    [backLink]="'../../organization/' + tournament.organizationId"
+    [navigationTabs]="pages"
+    [rememberNavigationTabKey]="tournament.id"
+    [enableBottomPadding]="!isTournamentTreeVisible"
+    (navigationTabSelected)="togglePage($event.id)">
     <ng-template #buttons>
       @switch (currentPage) {
         @case (0) {
           @if (canShowTournamentTree) {
             @if (showTournamentTree) {
-              <tp-action-button [title]="'Portal.ViewTournament.MatchPlan.ShowMatchList'"
-                                [type]="'outline-secondary'"
-                                [icon]="'list-columns'"
-                                (click)="showTournamentTree = false" />
+              <tp-action-button
+                [title]="'Portal.ViewTournament.MatchPlan.ShowMatchList'"
+                [type]="'outline-secondary'"
+                [icon]="'list-columns'"
+                (click)="showTournamentTree = false" />
             } @else {
-              <tp-action-button [title]="'Portal.ViewTournament.MatchPlan.ShowMatchTree'"
-                                [type]="'outline-secondary'"
-                                [icon]="'diagram-2'"
-                                (click)="showTournamentTree = true" />
+              <tp-action-button
+                [title]="'Portal.ViewTournament.MatchPlan.ShowMatchTree'"
+                [type]="'outline-secondary'"
+                [icon]="'diagram-2'"
+                (click)="showTournamentTree = true" />
             }
           }
         }
         @case (4) {
-          <tp-action-button [title]="'Portal.ViewTournament.Documents.Copy'"
-                            [type]="'outline-secondary'"
-                            [icon]="'copy'"
-                            (click)="copyDocument()" />
-          <tp-action-button [title]="'Portal.ViewTournament.Documents.Create'"
-                            [type]="'outline-success'"
-                            [icon]="'plus-circle'"
-                            (click)="createDocument()" />
+          <tp-action-button
+            [title]="'Portal.ViewTournament.Documents.Copy'"
+            [type]="'outline-secondary'"
+            [icon]="'copy'"
+            (click)="copyDocument()" />
+          <tp-action-button
+            [title]="'Portal.ViewTournament.Documents.Create'"
+            [type]="'outline-success'"
+            [icon]="'plus-circle'"
+            (click)="createDocument()" />
         }
         @case (6) {
           @if (isUpdatingName) {
             <tp-small-spinner />
           }
-          <tp-rename-button translationKey="Portal.ViewTournament.Settings.Rename"
-                            [maxLength]="60"
-                            [current]="tournament.name"
-                            [disabled]="isUpdatingName"
-                            (renamed)="renameTournament($event)" />
+          <tp-rename-button
+            translationKey="Portal.ViewTournament.Settings.Rename"
+            [maxLength]="60"
+            [current]="tournament.name"
+            [disabled]="isUpdatingName"
+            (renamed)="renameTournament($event)" />
         }
       }
     </ng-template>
@@ -45,25 +57,38 @@
           @case (0) {
             <div class="card-header d-flex flex-row align-items-center">
               @if (tournamentDate !== undefined) {
-                <tp-badge context="ViewTournament" label="Date" [value]="tournamentDate | translateDate : 'longDate'" />
+                <tp-badge context="ViewTournament" label="Date" [value]="tournamentDate | translateDate: 'longDate'" />
               }
               <tp-badge context="ViewTournament" label="MatchCount" [value]="processedMatches.length" />
               <tp-badge context="ViewTournament" label="GoalCount" [value]="totalScoreCount" />
               <span class="flex-grow-1"></span>
               <div class="form-check mb-0">
-                <input class="form-check-input me-2" id="accumulateScoreCheckbox" type="checkbox" [ngModel]="showAccumulatedScore" (ngModelChange)="saveAccumulatedScoreSetting($event)" />
-                <label class="form-check-label" for="accumulateScoreCheckbox" translate="Portal.ViewTournament.MatchPlan.AccumulateGoals"></label>
+                <input
+                  class="form-check-input me-2"
+                  id="accumulateScoreCheckbox"
+                  type="checkbox"
+                  [ngModel]="showAccumulatedScore"
+                  (ngModelChange)="saveAccumulatedScoreSetting($event)" />
+                <label
+                  class="form-check-label"
+                  for="accumulateScoreCheckbox"
+                  translate="Portal.ViewTournament.MatchPlan.AccumulateGoals"></label>
               </div>
             </div>
             <div class="card-body p-0">
-              <tp-match-plan [showAccumulatedScore]="showAccumulatedScore" [matches]="processedMatches" [groups]="processedGroups" (matchClick)="matchClicked($event)"></tp-match-plan>
+              <tp-match-plan
+                [showAccumulatedScore]="showAccumulatedScore"
+                [matches]="processedMatches"
+                [groups]="processedGroups"
+                (matchClick)="matchClicked($event)"></tp-match-plan>
               @if (processedMatches.length === 0) {
                 <div class="mt-5 mb-3 d-flex flex-row justify-content-center">
-                  <tp-action-button [type]="'success'"
-                                    [icon]="'arrow-right-circle'"
-                                    [mode]="'IconRightAndText'"
-                                    [title]="'Portal.ViewTournament.MatchPlan.CreateMatchPlan'"
-                                    [routerLink]="'configure'" />
+                  <tp-action-button
+                    [type]="'success'"
+                    [icon]="'arrow-right-circle'"
+                    [mode]="'IconRightAndText'"
+                    [title]="'Portal.ViewTournament.MatchPlan.CreateMatchPlan'"
+                    [routerLink]="'configure'" />
                 </div>
               }
             </div>
@@ -81,11 +106,12 @@
               <tp-badge context="ViewTournament" label="TeamCount" [value]="processedTeams.length" />
             </div>
             <div class="card-body p-0">
-              <tp-team-list [teams]="processedTeams" 
-                            (teamRename)="renameTeam($event.teamId, $event.name)"
-                            (teamSetPriority)="setTeamPriority($event.teamId, $event.groupId, $event.priority)"
-                            (teamSetEntryFeePaid)="setTeamEntryFeePaid($event.teamId, $event.entryFeePaid)"
-                            (teamSetOutOfCompetition)="setTeamOutOfCompetition($event.teamId, $event.outOfCompetition)" />
+              <tp-team-list
+                [teams]="processedTeams"
+                (teamRename)="renameTeam($event.teamId, $event.name)"
+                (teamSetPriority)="setTeamPriority($event.teamId, $event.groupId, $event.priority)"
+                (teamSetEntryFeePaid)="setTeamEntryFeePaid($event.teamId, $event.entryFeePaid)"
+                (teamSetOutOfCompetition)="setTeamOutOfCompetition($event.teamId, $event.outOfCompetition)" />
             </div>
           }
           @case (3) {
@@ -104,7 +130,12 @@
                 <tp-badge context="ViewTournament" label="DocumentsCount" [value]="documents.length" />
               </div>
               <div class="card-body p-0">
-                <tp-document-manager [tournamentName]="tournament.name" [documents]="documents" [recentDocumentId]="recentDocumentId" (deleteClick)="deleteDocument($event)" (errorOccured)="loadingState = { isLoading: false, error: $event }" />
+                <tp-document-manager
+                  [tournamentName]="tournament.name"
+                  [documents]="documents"
+                  [recentDocumentId]="recentDocumentId"
+                  (deleteClick)="deleteDocument($event)"
+                  (errorOccured)="loadingState = { isLoading: false, error: $event }" />
               </div>
             }
           }
@@ -114,7 +145,10 @@
               <div class="mb-3" [innerHTML]="'Portal.ViewTournament.Share.Info' | translate"></div>
 
               <div class="d-flex flex-row gap-2 align-items-center">
-                <tp-visibility-selector [ngClass]="{ 'pe-none': isUpdatingVisibility }" [visibility]="tournament.visibility" (visibilityChange)="setTournamentVisibility($event)" />
+                <tp-visibility-selector
+                  [ngClass]="{ 'pe-none': isUpdatingVisibility }"
+                  [visibility]="tournament.visibility"
+                  (visibilityChange)="setTournamentVisibility($event)" />
 
                 @if (isUpdatingVisibility) {
                   <tp-small-spinner />
@@ -122,30 +156,33 @@
               </div>
 
               @if (tournament.visibility === Visibility.Private) {
-                <tp-alert margin="mb-0 mt-4" type="secondary" icon="info-circle" text="Portal.ViewTournament.Share.QrCodeNotice"/>
+                <tp-alert margin="mb-0 mt-4" type="secondary" icon="info-circle" text="Portal.ViewTournament.Share.QrCodeNotice" />
               }
             </div>
             @if (tournament.visibility === Visibility.Public) {
               <hr class="m-0" />
               <div class="card-body">
-                <tp-share-widget [resourcePath]="'/tournament?id=' + tournament.id"
-                                 [resourceName]="'Portal.ViewTournament.Share.QrCodeDownloadFileName' | translate : { tournamentName: tournament.name }"
-                                 [translationKey]="'Portal.ViewTournament.Share.VisitorLink'"
-                                 [viewsCounter]="tournament.publicPageViews" />
+                <tp-share-widget
+                  [resourcePath]="'/tournament?id=' + tournament.id"
+                  [resourceName]="'Portal.ViewTournament.Share.QrCodeDownloadFileName' | translate: { tournamentName: tournament.name }"
+                  [translationKey]="'Portal.ViewTournament.Share.VisitorLink'"
+                  [viewsCounter]="tournament.publicPageViews" />
               </div>
               <hr class="m-0" />
               <div class="card-body">
-                <tp-share-widget [resourcePath]="'/tournamentFullscreen?id=' + tournament.id"
-                                 [translationKey]="'Portal.ViewTournament.Share.FullscreenLink'"
-                                 [showQrCode]="false" />
+                <tp-share-widget
+                  [resourcePath]="'/tournamentFullscreen?id=' + tournament.id"
+                  [translationKey]="'Portal.ViewTournament.Share.FullscreenLink'"
+                  [showQrCode]="false" />
               </div>
               <hr class="m-0" />
               <div class="card-body">
-                <tp-presentation-config-widget [tournamentId]="tournament.id"
-                                               [organizationId]="tournament.organizationId"
-                                               [organizationName]="tournament.organizationName"
-                                               [config]="tournament.presentationConfiguration"
-                                               (errorOccured)="loadingState = { isLoading: false, error: $event }" />
+                <tp-presentation-config-widget
+                  [tournamentId]="tournament.id"
+                  [organizationId]="tournament.organizationId"
+                  [organizationName]="tournament.organizationName"
+                  [config]="tournament.presentationConfiguration"
+                  (errorOccured)="loadingState = { isLoading: false, error: $event }" />
               </div>
             }
           }
@@ -154,11 +191,24 @@
               <div class="fw-bold mb-3" translate="Portal.ViewTournament.Settings.EditMatchPlan.Title"></div>
               @if (processedMatches.length > 0) {
                 <div class="mb-3" [innerHTML]="'Portal.ViewTournament.Settings.EditMatchPlan.EditAndRecreateInfo' | translate"></div>
-                <tp-action-button [type]="'outline-secondary'" [title]="'Portal.ViewTournament.Settings.EditMatchPlan.ButtonEdit'" [icon]="'gear'" [routerLink]="'edit-match-plan'" />
-                <tp-action-button class="ms-2" [type]="'outline-danger'" [title]="'Portal.ViewTournament.Settings.EditMatchPlan.ButtonRecreate'" [icon]="'arrow-clockwise'" [routerLink]="'configure'" />
+                <tp-action-button
+                  [type]="'outline-secondary'"
+                  [title]="'Portal.ViewTournament.Settings.EditMatchPlan.ButtonEdit'"
+                  [icon]="'gear'"
+                  [routerLink]="'edit-match-plan'" />
+                <tp-action-button
+                  class="ms-2"
+                  [type]="'outline-danger'"
+                  [title]="'Portal.ViewTournament.Settings.EditMatchPlan.ButtonRecreate'"
+                  [icon]="'arrow-clockwise'"
+                  [routerLink]="'configure'" />
               } @else {
                 <div class="mb-3" translate="Portal.ConfigureTournament.Subtitle"></div>
-                <tp-action-button [type]="'outline-primary'" [title]="'Portal.ViewTournament.Settings.EditMatchPlan.ButtonCreate'" [icon]="'gear'" [routerLink]="'configure'" />
+                <tp-action-button
+                  [type]="'outline-primary'"
+                  [title]="'Portal.ViewTournament.Settings.EditMatchPlan.ButtonCreate'"
+                  [icon]="'gear'"
+                  [routerLink]="'configure'" />
               }
             </div>
             <hr class="m-0" />
@@ -177,7 +227,11 @@
               } @else {
                 <div class="mb-3 fst-italic" translate="Portal.ViewTournament.Settings.EditVenue.NoVenue"></div>
               }
-              <tp-action-button [type]="'outline-secondary'" [title]="'Portal.ViewTournament.Settings.EditVenue.Button'" [icon]="'gear'" (click)="editVenueAssignment()" />
+              <tp-action-button
+                [type]="'outline-secondary'"
+                [title]="'Portal.ViewTournament.Settings.EditVenue.Button'"
+                [icon]="'gear'"
+                (click)="editVenueAssignment()" />
             </div>
             <hr class="m-0" />
             <div class="card-body">
@@ -196,13 +250,19 @@
               <div class="mb-3 d-flex flex-row">
                 <span class="me-2" translate="Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Label"></span>
                 @for (entry of tournament.computationConfiguration.comparisonModes; track entry; let isLast = $last) {
-                  <span class="fw-bold" [translate]="'Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Values.' + entry"></span>
+                  <span
+                    class="fw-bold"
+                    [translate]="'Portal.ViewTournament.Settings.EditComputationConfig.Properties.ComparisonModes.Values.' + entry"></span>
                   @if (!isLast) {
                     <span>,&nbsp;</span>
                   }
                 }
               </div>
-              <tp-action-button [type]="'outline-secondary'" [title]="'Portal.ViewTournament.Settings.EditComputationConfig.Button'" [icon]="'gear'" (click)="editComputationConfiguration()" />
+              <tp-action-button
+                [type]="'outline-secondary'"
+                [title]="'Portal.ViewTournament.Settings.EditComputationConfig.Button'"
+                [icon]="'gear'"
+                (click)="editComputationConfiguration()" />
             </div>
             <hr class="m-0" />
             <div class="card-body">
@@ -211,9 +271,30 @@
                 <tp-loading-indicator class="my-5" [marginY]="false" />
               } @else {
                 <div class="d-flex flex-column flex-md-row gap-2">
-                  <tp-image-widget class="flex-md-grow-1" [currentImage]="images.organizerLogo" [imageAlt]="'OrganizerLogo'" [imageType]="ImageType.SquareLargeLogo" [organizationId]="tournament.organizationId" (imageChange)="setImage('organizerLogo', $event)" (apiError)="loadingState = { isLoading: false, error: $event }" />
-                  <tp-image-widget class="flex-md-grow-1" [currentImage]="images.sponsorLogo" [imageAlt]="'SponsorLogo'" [imageType]="ImageType.SquareLargeLogo" [organizationId]="tournament.organizationId" (imageChange)="setImage('sponsorLogo', $event)" (apiError)="loadingState = { isLoading: false, error: $event }" />
-                  <tp-image-widget class="flex-md-grow-1" [currentImage]="images.sponsorBanner" [imageAlt]="'SponsorBanner'" [imageType]="ImageType.SponsorBanner" [organizationId]="tournament.organizationId" (imageChange)="setImage('sponsorBanner', $event)" (apiError)="loadingState = { isLoading: false, error: $event }" />
+                  <tp-image-widget
+                    class="flex-md-grow-1"
+                    [currentImage]="images.organizerLogo"
+                    [imageAlt]="'OrganizerLogo'"
+                    [imageType]="ImageType.SquareLargeLogo"
+                    [organizationId]="tournament.organizationId"
+                    (imageChange)="setImage('organizerLogo', $event)"
+                    (apiError)="loadingState = { isLoading: false, error: $event }" />
+                  <tp-image-widget
+                    class="flex-md-grow-1"
+                    [currentImage]="images.sponsorLogo"
+                    [imageAlt]="'SponsorLogo'"
+                    [imageType]="ImageType.SquareLargeLogo"
+                    [organizationId]="tournament.organizationId"
+                    (imageChange)="setImage('sponsorLogo', $event)"
+                    (apiError)="loadingState = { isLoading: false, error: $event }" />
+                  <tp-image-widget
+                    class="flex-md-grow-1"
+                    [currentImage]="images.sponsorBanner"
+                    [imageAlt]="'SponsorBanner'"
+                    [imageType]="ImageType.SponsorBanner"
+                    [organizationId]="tournament.organizationId"
+                    (imageChange)="setImage('sponsorBanner', $event)"
+                    (apiError)="loadingState = { isLoading: false, error: $event }" />
                 </div>
               }
             </div>
@@ -228,11 +309,18 @@
               } @else {
                 <div class="mb-3" translate="Portal.ViewTournament.Settings.MoveToAnotherFolder.CurrentlyNoFolder"></div>
               }
-              <tp-action-button [type]="'outline-secondary'" [title]="'Portal.ViewTournament.Settings.MoveToAnotherFolder.Button'" [icon]="'box-arrow-right'" (click)="moveToAnotherFolder()" />
+              <tp-action-button
+                [type]="'outline-secondary'"
+                [title]="'Portal.ViewTournament.Settings.MoveToAnotherFolder.Button'"
+                [icon]="'box-arrow-right'"
+                (click)="moveToAnotherFolder()" />
             </div>
             <hr class="m-0" />
             <div class="card-body">
-              <tp-delete-widget [translationKey]="'Portal.ViewTournament.DeleteWidget'" [targetObjectName]="tournament.name" (deleteClick)="deleteTournament()" />
+              <tp-delete-widget
+                [translationKey]="'Portal.ViewTournament.DeleteWidget'"
+                [targetObjectName]="tournament.name"
+                (deleteClick)="deleteTournament()" />
             </div>
           }
         }
@@ -244,6 +332,6 @@
     <tp-match-tree [matches]="processedMatches" [groups]="processedGroups" (matchClick)="matchClicked($event)" />
 
     <!-- Normally, this padding is added by the page frame. In case of the tournament tree, that padding is disabled. -->
-    <div style="height: 5em;"></div>
+    <div style="height: 5em"></div>
   }
 </ng-container>
diff --git a/src/Turnierplan.App/Client/src/app/portal/pages/view-venue/view-venue.component.html b/src/Turnierplan.App/Client/src/app/portal/pages/view-venue/view-venue.component.html
index d727b501..6314dfc5 100644
--- a/src/Turnierplan.App/Client/src/app/portal/pages/view-venue/view-venue.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/pages/view-venue/view-venue.component.html
@@ -1,5 +1,11 @@
 <ng-container *tpLoadingState="loadingState">
-  <tp-page-frame *ngIf="venue" [title]="venue.name" [backLink]="'../../organization/' + venue.organizationId" [navigationTabs]="pages" [rememberNavigationTabKey]="venue.id" (navigationTabSelected)="togglePage($event.id)">
+  <tp-page-frame
+    *ngIf="venue"
+    [title]="venue.name"
+    [backLink]="'../../organization/' + venue.organizationId"
+    [navigationTabs]="pages"
+    [rememberNavigationTabKey]="venue.id"
+    (navigationTabSelected)="togglePage($event.id)">
     <ng-template #content>
       <div class="card">
         @switch (currentPage) {
@@ -16,10 +22,11 @@
               <div class="fs-6 fw-bold" translate="Portal.ViewVenue.Details.Name"></div>
               <div>{{ venue.name }}</div>
 
-              <tp-rename-button [translationKey]="'Portal.ViewVenue.Details.Rename'"
-                                [current]="venue.name"
-                                [maxLength]="60"
-                                (renamed)="venue.name = $event; isDirty = true" />
+              <tp-rename-button
+                [translationKey]="'Portal.ViewVenue.Details.Rename'"
+                [current]="venue.name"
+                [maxLength]="60"
+                (renamed)="venue.name = $event; isDirty = true" />
             </div>
             <hr class="m-0" />
             <div class="card-body d-flex flex-column gap-2">
@@ -31,13 +38,17 @@
                 <div class="fst-italic text-secondary" translate="Portal.ViewVenue.Details.NoDescription"></div>
               }
 
-              <tp-action-button [type]="'outline-secondary'" [icon]="'pencil'" [title]="'Portal.ViewVenue.Details.Edit'" (click)="editDescription()" />
+              <tp-action-button
+                [type]="'outline-secondary'"
+                [icon]="'pencil'"
+                [title]="'Portal.ViewVenue.Details.Edit'"
+                (click)="editDescription()" />
             </div>
             <hr class="m-0" />
             <div class="card-body d-flex flex-column gap-2">
               <div class="fs-6 fw-bold">
                 <span translate="Portal.ViewVenue.Details.AddressDetails"></span>
-                <tp-tooltip-icon [tooltipText]="'Portal.ViewVenue.Details.AddressDetailsTooltip'"/>
+                <tp-tooltip-icon [tooltipText]="'Portal.ViewVenue.Details.AddressDetailsTooltip'" />
               </div>
 
               @if (venue.addressDetails.length > 0) {
@@ -50,13 +61,17 @@
                 <div class="fst-italic text-secondary" translate="Portal.ViewVenue.Details.NoAddressDetails"></div>
               }
 
-              <tp-action-button [type]="'outline-secondary'" [icon]="'pencil'" [title]="'Portal.ViewVenue.Details.Edit'" (click)="editTextList('addressDetails')" />
+              <tp-action-button
+                [type]="'outline-secondary'"
+                [icon]="'pencil'"
+                [title]="'Portal.ViewVenue.Details.Edit'"
+                (click)="editTextList('addressDetails')" />
             </div>
             <hr class="m-0" />
             <div class="card-body d-flex flex-column gap-2">
               <div class="fs-6 fw-bold">
                 <span translate="Portal.ViewVenue.Details.ExternalLinks"></span>
-                <tp-tooltip-icon [tooltipText]="'Portal.ViewVenue.Details.ExternalLinksTooltip'"/>
+                <tp-tooltip-icon [tooltipText]="'Portal.ViewVenue.Details.ExternalLinksTooltip'" />
               </div>
 
               @if (venue.externalLinks.length > 0) {
@@ -71,7 +86,11 @@
                 <div class="fst-italic text-secondary" translate="Portal.ViewVenue.Details.NoExternalLinks"></div>
               }
 
-              <tp-action-button [type]="'outline-secondary'" [icon]="'pencil'" [title]="'Portal.ViewVenue.Details.Edit'" (click)="editTextList('externalLinks')" />
+              <tp-action-button
+                [type]="'outline-secondary'"
+                [icon]="'pencil'"
+                [title]="'Portal.ViewVenue.Details.Edit'"
+                (click)="editTextList('externalLinks')" />
             </div>
 
             @if (isDirty) {
@@ -80,14 +99,22 @@
                 @if (isSaving) {
                   <tp-small-spinner />
                 }
-                <tp-action-button [type]="'success'" [icon]="'floppy'" [title]="'Portal.General.ApplyChanges'" [disabled]="isSaving" (click)="saveChanges()" />
+                <tp-action-button
+                  [type]="'success'"
+                  [icon]="'floppy'"
+                  [title]="'Portal.General.ApplyChanges'"
+                  [disabled]="isSaving"
+                  (click)="saveChanges()" />
               </div>
             }
           }
           @case (1) {
             <!-- Settings page -->
             <div class="card-body">
-              <tp-delete-widget [translationKey]="'Portal.ViewVenue.DeleteWidget'" [targetObjectName]="venue.name" (deleteClick)="deleteVenue()" />
+              <tp-delete-widget
+                [translationKey]="'Portal.ViewVenue.DeleteWidget'"
+                [targetObjectName]="venue.name"
+                (deleteClick)="deleteVenue()" />
             </div>
           }
         }
diff --git a/src/Turnierplan.App/Client/src/app/portal/portal.component.html b/src/Turnierplan.App/Client/src/app/portal/portal.component.html
index 068a6e43..fb8abe11 100644
--- a/src/Turnierplan.App/Client/src/app/portal/portal.component.html
+++ b/src/Turnierplan.App/Client/src/app/portal/portal.component.html
@@ -11,16 +11,22 @@
         <span>{{ currentUser.emailAddress }}</span>
       </span>
       <ng-template #userInfoPopover>
-        <div class="tp-text-pre-wrap mb-3" [innerHTML]="'Portal.UserInfoPopover.Text' | translate : { userName: currentUser.displayName }"></div>
+        <div
+          class="tp-text-pre-wrap mb-3"
+          [innerHTML]="'Portal.UserInfoPopover.Text' | translate: { userName: currentUser.displayName }"></div>
         <ng-container *tpHasRole="administratorRoleId">
           <div class="d-flex flex-row tp-cursor-pointer mt-1" [routerLink]="'/portal/administration'">
             <i class="bi bi-gear me-2" aria-hidden="true"></i>
             <span class="text-decoration-underline" [translate]="'Portal.UserInfoPopover.Administration'"></span>
           </div>
         </ng-container>
-        <ng-container [ngTemplateOutlet]="userInfoAction" [ngTemplateOutletContext]="{ isFirst: true, action: 'EditUserInfo'}"></ng-container>
-        <ng-container [ngTemplateOutlet]="userInfoAction" [ngTemplateOutletContext]="{ isFirst: false, action: 'ChangePassword'}"></ng-container>
-        <ng-container [ngTemplateOutlet]="userInfoAction" [ngTemplateOutletContext]="{ isFirst: false, action: 'Logout'}"></ng-container>
+        <ng-container
+          [ngTemplateOutlet]="userInfoAction"
+          [ngTemplateOutletContext]="{ isFirst: true, action: 'EditUserInfo' }"></ng-container>
+        <ng-container
+          [ngTemplateOutlet]="userInfoAction"
+          [ngTemplateOutletContext]="{ isFirst: false, action: 'ChangePassword' }"></ng-container>
+        <ng-container [ngTemplateOutlet]="userInfoAction" [ngTemplateOutletContext]="{ isFirst: false, action: 'Logout' }"></ng-container>
       </ng-template>
       <ng-template #userInfoAction let-action="action">
         <div class="d-flex flex-row tp-cursor-pointer mt-1" (click)="userInfoActionClicked(action)">
diff --git a/src/Turnierplan.App/Client/src/app/shared/components/footer/footer.component.html b/src/Turnierplan.App/Client/src/app/shared/components/footer/footer.component.html
index dd712c11..205a983a 100644
--- a/src/Turnierplan.App/Client/src/app/shared/components/footer/footer.component.html
+++ b/src/Turnierplan.App/Client/src/app/shared/components/footer/footer.component.html
@@ -11,8 +11,7 @@
 }
 
 <ng-template #footerContent>
-  <span class="footer-item" translate="Application.Name">
-  </span>
+  <span class="footer-item" translate="Application.Name"></span>
   <span class="footer-item">
     <a translate="Footer.LandingPage" [routerLink]="'/portal'"></a>
   </span>
diff --git a/src/Turnierplan.App/Client/src/index.html b/src/Turnierplan.App/Client/src/index.html
index 5fe64049..24cbfd7b 100644
--- a/src/Turnierplan.App/Client/src/index.html
+++ b/src/Turnierplan.App/Client/src/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="utf-8" />
     <title>turnierplan.NET</title>
     <base href="/" />
-    <meta name="viewport" content="width=575px">
+    <meta name="viewport" content="width=575px" />
 
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
diff --git a/src/Turnierplan.App/Client/src/styles.scss b/src/Turnierplan.App/Client/src/styles.scss
index b840ffea..88aec011 100644
--- a/src/Turnierplan.App/Client/src/styles.scss
+++ b/src/Turnierplan.App/Client/src/styles.scss
@@ -1,9 +1,9 @@
-@import "bootstrap/scss/bootstrap";
-@import "bootstrap-icons/font/bootstrap-icons.min.css";
-@import "ngx-toastr/toastr";
+@import 'bootstrap/scss/bootstrap';
+@import 'bootstrap-icons/font/bootstrap-icons.min.css';
+@import 'ngx-toastr/toastr';
 
 * {
-  font-family: system-ui, "Segoe UI", sans-serif !important;
+  font-family: system-ui, 'Segoe UI', sans-serif !important;
 }
 
 .font-monospace {
@@ -13,7 +13,7 @@
 body {
   background-color: #fff;
   font-optical-sizing: auto;
-  font-variation-settings: "wdth" 100;
+  font-variation-settings: 'wdth' 100;
   overflow-y: scroll;
 }
 
@@ -54,7 +54,7 @@ body {
     margin: 0;
   }
 
-  &[type="number"] {
+  &[type='number'] {
     appearance: textfield;
   }
 }
@@ -144,7 +144,7 @@ body {
 
   .footer-item:not(:last-child)::after {
     color: #888 !important;
-    content: "|";
+    content: '|';
     font-weight: normal !important;
     padding: 0 0.35em;
   }