From 7b377a366783bc73083522698b6dd9a6224d256e Mon Sep 17 00:00:00 2001
From: Teriuihi <teriuihi@alttd.com>
Date: Sun, 6 Apr 2025 20:46:57 +0200
Subject: [PATCH] Refactor team section styles by using a common CSS class

Replaced inline styles with a reusable `.teamContainer` class in the team component. This improves maintainability and ensures consistent styling across sections.
---
 frontend/src/app/team/team.component.html | 8 ++++----
 frontend/src/app/team/team.component.scss | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/team/team.component.html b/frontend/src/app/team/team.component.html
index 21f176d..4a4c55f 100644
--- a/frontend/src/app/team/team.component.html
+++ b/frontend/src/app/team/team.component.html
@@ -10,7 +10,7 @@
 
   <main>
     <section class="darkmodeSection">
-      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      <div class="container teamContainer">
         <h2 class="sectionTitle">Management</h2>
         <div class="member">
           <img ngSrc="https://crafatar.com/avatars/55e46bc32a294c53850fdbd944dc5c5f?overlay"
@@ -27,17 +27,17 @@
       </div>
     </section>
     <section class="darkmodeSectionThree">
-      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      <div class="container teamContainer">
         <h2 class="sectionTitle">Admins</h2>
       </div>
     </section>
     <section class="darkmodeSection">
-      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      <div class="container teamContainer">
         <h2 class="sectionTitle">Head Moderators</h2>
       </div>
     </section>
     <section class="darkmodeSectionThree">
-      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      <div class="container teamContainer">
         <h2 class="sectionTitle">Moderators</h2>
       </div>
     </section>
diff --git a/frontend/src/app/team/team.component.scss b/frontend/src/app/team/team.component.scss
index 2b61d7a..ed1daf7 100644
--- a/frontend/src/app/team/team.component.scss
+++ b/frontend/src/app/team/team.component.scss
@@ -19,3 +19,8 @@
 .member p {
   font-family: 'opensans-bold', sans-serif;
 }
+
+.teamContainer {
+  padding: 50px 0 0 0;
+  justify-content: center;
+}