From 042a6450c2aec49d8620cdbe548f9c5ab9551428 Mon Sep 17 00:00:00 2001
From: akastijn <akastijn@alttd.com>
Date: Sat, 8 Nov 2025 18:32:49 +0100
Subject: [PATCH] Fix spacing

---
 .../pages/altitude/team/team.component.html   | 136 +++++++++---------
 1 file changed, 68 insertions(+), 68 deletions(-)

diff --git a/frontend/src/app/pages/altitude/team/team.component.html b/frontend/src/app/pages/altitude/team/team.component.html
index 3e3182d..0cdcf54 100644
--- a/frontend/src/app/pages/altitude/team/team.component.html
+++ b/frontend/src/app/pages/altitude/team/team.component.html
@@ -1,10 +1,10 @@
 <ng-container>
   <app-header [current_page]="'team'" height="450px" background_image="/public/img/backgrounds/staff.png"
-    [overlay_gradient]="0.5">>
+              [overlay_gradient]="0.5">>
     <div class="title" header-content>
       <h1>Staffing Team</h1>
       <h2>The team that makes Altitude happen. Your owners, admins, moderators, and trainees are all working together to
-      create Altitude, to create home. This is where the magic happens.</h2>
+        create Altitude, to create home. This is where the magic happens.</h2>
     </div>
   </app-header>
 
@@ -15,72 +15,72 @@
         @for (member of getTeamMembers('owner') | async; track member) {
           <div class="member">
             <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
-              height="160" width="160" style="width: 160px;">
-              <h2>{{ member.name }}</h2>
-              <p>Owner</p>
-            </div>
-          }
-          @for (member of getTeamMembers('manager') | async; track member) {
+                 height="160" width="160" style="width: 160px;">
+            <h2>{{ member.name }}</h2>
+            <p>Owner</p>
+          </div>
+        }
+        @for (member of getTeamMembers('manager') | async; track member) {
+          <div class="member">
+            <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
+                 height="160" width="160" style="width: 160px;">
+            <h2>{{ member.name }}</h2>
+            <p>Manager</p>
+          </div>
+        }
+      </div>
+    </section>
+    <section class="darkmodeSectionThree">
+      <div class="container teamContainer">
+        <h2 class="sectionTitle">Admins</h2>
+        @for (member of getTeamMembers('admin') | async; track member) {
+          <div class="member">
+            <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
+                 height="160" width="160" style="width: 160px;">
+            <h2>{{ member.name }}</h2>
+            <p>Admin</p>
+          </div>
+        }
+      </div>
+    </section>
+    <section class="darkmodeSection">
+      <div class="container teamContainer">
+        <h2 class="sectionTitle">Head Moderators</h2>
+        @for (member of getTeamMembers('headmod') | async; track member) {
+          <div class="member">
+            <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
+                 height="160" width="160" style="width: 160px;">
+            <h2>{{ member.name }}</h2>
+            <p>Head Mod</p>
+          </div>
+        }
+      </div>
+    </section>
+    <section class="darkmodeSectionThree">
+      <div class="container teamContainer">
+        <h2 class="sectionTitle">Moderators</h2>
+        @for (member of getTeamMembers('moderator') | async; track member) {
+          <div class="member">
+            <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
+                 height="160" width="160" style="width: 160px;">
+            <h2>{{ member.name }}</h2>
+          </div>
+        }
+      </div>
+    </section>
+    @if ((getTeamMembers('trainee') | async)?.length ?? 0 > 0) {
+      <section class="darkmodeSection">
+        <div class="container teamContainer">
+          <h2 class="sectionTitle">Trainees</h2>
+          @for (member of getTeamMembers('trainee') | async; track member) {
             <div class="member">
               <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
-                height="160" width="160" style="width: 160px;">
-                <h2>{{ member.name }}</h2>
-                <p>Manager</p>
-              </div>
-            }
-          </div>
-        </section>
-        <section class="darkmodeSectionThree">
-          <div class="container teamContainer">
-            <h2 class="sectionTitle">Admins</h2>
-            @for (member of getTeamMembers('admin') | async; track member) {
-              <div class="member">
-                <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
-                  height="160" width="160" style="width: 160px;">
-                  <h2>{{ member.name }}</h2>
-                  <p>Admin</p>
-                </div>
-              }
+                   height="160" width="160" style="width: 160px;">
+              <h2>{{ member.name }}</h2>
             </div>
-          </section>
-          <section class="darkmodeSection">
-            <div class="container teamContainer">
-              <h2 class="sectionTitle">Head Moderators</h2>
-              @for (member of getTeamMembers('headmod') | async; track member) {
-                <div class="member">
-                  <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
-                    height="160" width="160" style="width: 160px;">
-                    <h2>{{ member.name }}</h2>
-                    <p>Head Mod</p>
-                  </div>
-                }
-              </div>
-            </section>
-            <section class="darkmodeSectionThree">
-              <div class="container teamContainer">
-                <h2 class="sectionTitle">Moderators</h2>
-                @for (member of getTeamMembers('moderator') | async; track member) {
-                  <div class="member">
-                    <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
-                      height="160" width="160" style="width: 160px;">
-                      <h2>{{ member.name }}</h2>
-                    </div>
-                  }
-                </div>
-              </section>
-              @if ((getTeamMembers('trainee') | async)?.length  ?? 0 > 0) {
-                <section class="darkmodeSection">
-                  <div class="container teamContainer">
-                    <h2 class="sectionTitle">Trainees</h2>
-                    @for (member of getTeamMembers('trainee') | async; track member) {
-                      <div class="member">
-                        <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
-                          height="160" width="160" style="width: 160px;">
-                          <h2>{{ member.name }}</h2>
-                        </div>
-                      }
-                    </div>
-                  </section>
-                }
-              </main>
-            </ng-container>
+          }
+        </div>
+      </section>
+    }
+  </main>
+</ng-container>