From b51305ca647a874afd59ffe2fe8e53f9a5acc810 Mon Sep 17 00:00:00 2001
From: Jan-Marlon Leibl <jleibl@proton.me>
Date: Wed, 14 May 2025 12:01:06 +0200
Subject: [PATCH] style: format HTML for consistency and readability

---
 frontend/src/app/app.component.html           | 27 +++++--------------
 .../feature/auth/login/login.component.html   | 17 +++++++++---
 .../auth/register/register.component.html     | 17 +++++++++---
 .../feature/landing/landing.component.html    | 22 +++++----------
 .../app/feature/landing/landing.component.ts  |  9 ++++++-
 .../components/navbar/navbar.component.html   |  5 +++-
 6 files changed, 53 insertions(+), 44 deletions(-)

diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index 2b9d140..497522a 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -1,40 +1,27 @@
 <div class="min-h-screen flex flex-col">
   <main class="flex-grow">
-    <app-navbar 
-      (showLogin)="showLoginForm()" 
-      (showRegister)="showRegisterForm()"
-    ></app-navbar>
+    <app-navbar (showLogin)="showLoginForm()" (showRegister)="showRegisterForm()"></app-navbar>
     <router-outlet></router-outlet>
   </main>
   <app-footer></app-footer>
 
   <!-- Auth Forms Overlay -->
   @if (showLogin() || showRegister()) {
-    <div 
-      class="fixed inset-0 bg-black/50 z-40" 
+    <div
+      class="fixed inset-0 bg-black/50 z-40"
       (click)="hideAuthForms()"
       (keydown.enter)="hideAuthForms()"
       tabindex="0"
       role="dialog"
       aria-modal="true"
     ></div>
-    <div 
-      class="fixed inset-0 flex items-center justify-center z-50 p-4"
-      role="presentation"
-    >
-      <div 
-        class="relative"
-        role="dialog"
-        aria-modal="true"
-      >
+    <div class="fixed inset-0 flex items-center justify-center z-50 p-4" role="presentation">
+      <div class="relative" role="dialog" aria-modal="true">
         @if (showLogin()) {
-          <app-login 
-            (switchForm)="showRegisterForm()"
-            (closeDialog)="hideAuthForms()"
-          ></app-login>
+          <app-login (switchForm)="showRegisterForm()" (closeDialog)="hideAuthForms()"></app-login>
         }
         @if (showRegister()) {
-          <app-register 
+          <app-register
             (switchForm)="showLoginForm()"
             (closeDialog)="hideAuthForms()"
           ></app-register>
diff --git a/frontend/src/app/feature/auth/login/login.component.html b/frontend/src/app/feature/auth/login/login.component.html
index 9017a95..63df987 100644
--- a/frontend/src/app/feature/auth/login/login.component.html
+++ b/frontend/src/app/feature/auth/login/login.component.html
@@ -1,13 +1,24 @@
 <div class="min-h-screen bg-deep-blue flex items-center justify-center">
   <div class="modal-card max-w-md w-full bg-deep-blue rounded-lg shadow-xl p-6 relative">
     <!-- Close Button -->
-    <button 
+    <button
       (click)="closeDialog.emit()"
       class="absolute top-4 right-4 text-text-secondary hover:text-white transition-colors"
       aria-label="Dialog schließen"
     >
-      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="h-6 w-6"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          d="M6 18L18 6M6 6l12 12"
+        />
       </svg>
     </button>
 
diff --git a/frontend/src/app/feature/auth/register/register.component.html b/frontend/src/app/feature/auth/register/register.component.html
index d099bf9..0b6713a 100644
--- a/frontend/src/app/feature/auth/register/register.component.html
+++ b/frontend/src/app/feature/auth/register/register.component.html
@@ -1,13 +1,24 @@
 <div class="min-h-screen bg-deep-blue flex items-center justify-center">
   <div class="modal-card max-w-md w-full bg-deep-blue rounded-lg shadow-xl p-6 relative">
     <!-- Close Button -->
-    <button 
+    <button
       (click)="closeDialog.emit()"
       class="absolute top-4 right-4 text-text-secondary hover:text-white transition-colors"
       aria-label="Dialog schließen"
     >
-      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="h-6 w-6"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          d="M6 18L18 6M6 6l12 12"
+        />
       </svg>
     </button>
 
diff --git a/frontend/src/app/feature/landing/landing.component.html b/frontend/src/app/feature/landing/landing.component.html
index cac12a1..03b138f 100644
--- a/frontend/src/app/feature/landing/landing.component.html
+++ b/frontend/src/app/feature/landing/landing.component.html
@@ -184,31 +184,21 @@
 
   <!-- Auth Forms Overlay -->
   @if (showLogin() || showRegister()) {
-    <div 
-      class="fixed inset-0 bg-black/50 z-40" 
+    <div
+      class="fixed inset-0 bg-black/50 z-40"
       (click)="hideAuthForms()"
       (keydown.enter)="hideAuthForms()"
       tabindex="0"
       role="dialog"
       aria-modal="true"
     ></div>
-    <div 
-      class="fixed inset-0 flex items-center justify-center z-50 p-4"
-      role="presentation"
-    >
-      <div 
-        class="relative"
-        role="dialog"
-        aria-modal="true"
-      >
+    <div class="fixed inset-0 flex items-center justify-center z-50 p-4" role="presentation">
+      <div class="relative" role="dialog" aria-modal="true">
         @if (showLogin()) {
-          <app-login 
-            (switchForm)="showRegisterForm()"
-            (closeDialog)="hideAuthForms()"
-          ></app-login>
+          <app-login (switchForm)="showRegisterForm()" (closeDialog)="hideAuthForms()"></app-login>
         }
         @if (showRegister()) {
-          <app-register 
+          <app-register
             (switchForm)="showLoginForm()"
             (closeDialog)="hideAuthForms()"
           ></app-register>
diff --git a/frontend/src/app/feature/landing/landing.component.ts b/frontend/src/app/feature/landing/landing.component.ts
index ee9615a..d4d6078 100644
--- a/frontend/src/app/feature/landing/landing.component.ts
+++ b/frontend/src/app/feature/landing/landing.component.ts
@@ -1,4 +1,11 @@
-import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, signal } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  inject,
+  OnDestroy,
+  OnInit,
+  signal,
+} from '@angular/core';
 import { NgFor } from '@angular/common';
 import { RouterLink } from '@angular/router';
 import { AuthService } from '@service/auth.service';
diff --git a/frontend/src/app/shared/components/navbar/navbar.component.html b/frontend/src/app/shared/components/navbar/navbar.component.html
index cadb7f6..7e010fa 100644
--- a/frontend/src/app/shared/components/navbar/navbar.component.html
+++ b/frontend/src/app/shared/components/navbar/navbar.component.html
@@ -72,7 +72,10 @@
         <a routerLink="/games" class="nav-mobile-link">Spiele</a>
         <div class="pt-2 space-y-2">
           @if (!isLoggedIn()) {
-            <button (click)="showLogin.emit()" class="button-primary w-full py-1.5 block text-center">
+            <button
+              (click)="showLogin.emit()"
+              class="button-primary w-full py-1.5 block text-center"
+            >
               Anmelden
             </button>
             <button