From 8aab0cc86c958a3e66d32d3a0a1841c9b743ff77 Mon Sep 17 00:00:00 2001
From: Christoph Heiss <e11907069@student.tuwien.ac.at>
Date: Tue, 28 May 2024 19:54:23 +0200
Subject: [PATCH] feat(#102): frontend: center team signup success message

Signed-off-by: Christoph Heiss <e11907069@student.tuwien.ac.at>
---
 .../tournament/team-signup/team-signup.component.html        | 5 ++++-
 .../tournament/team-signup/team-signup.component.scss        | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/tournament/team-signup/team-signup.component.html b/frontend/src/app/components/tournament/team-signup/team-signup.component.html
index b282965..49f7d93 100644
--- a/frontend/src/app/components/tournament/team-signup/team-signup.component.html
+++ b/frontend/src/app/components/tournament/team-signup/team-signup.component.html
@@ -1,6 +1,9 @@
 @if (isTournamentLoadedAndRegistrationOpen) {
   @if (success) {
-    <h2>Signed up successfully</h2>
+    <div class="success-message">
+      <h2>Signed up successfully</h2>
+      <h3>Thanks for participating in {{ tournament?.name }}!</h3>
+    </div>
   } @else {
     <div class="form-container">
       <form [formGroup]="newTeamNameForm" (ngSubmit)="createTeam()" class="form">
diff --git a/frontend/src/app/components/tournament/team-signup/team-signup.component.scss b/frontend/src/app/components/tournament/team-signup/team-signup.component.scss
index 3745bc0..25b1743 100644
--- a/frontend/src/app/components/tournament/team-signup/team-signup.component.scss
+++ b/frontend/src/app/components/tournament/team-signup/team-signup.component.scss
@@ -8,3 +8,7 @@
   flex-direction: column;
   gap: 1rem;
 }
+
+.success-message {
+  text-align: center;
+}