fix(css): small changes to page titles

Signed-off-by: Jonathan <theflametrooper@gmail.com>

frontend/dist/index.css

@@ -135,7 +135,8 @@ body {
 }
 
 .content-wrapper {
-	padding: 60px 0 calc(230px + 60px) 0;
+	/* padding: 60px 0 calc(230px + 60px) 0; */
+	padding-top: 60px;
 }
 
 .card {

frontend/src/pages/About.vue

@@ -4,7 +4,7 @@
 		<main-header />
 		<div class="container">
 			<div class="content-wrapper">
-				<h2 class="has-text-centered page-title">About</h2>
+				<h1 class="has-text-centered page-title">About</h1>
 				<div class="card is-fullwidth">
 					<header class="card-header">
 						<p class="card-header-title">The project</p>

frontend/src/pages/ResetPassword.vue

@@ -6,7 +6,7 @@
 		<main-header />
 		<div class="container">
 			<div class="content-wrapper">
-				<h1 id="title">
+				<h1 id="title" class="has-text-centered page-title">
 					{{ mode === "reset" ? "Reset" : "Set" }} your password
 				</h1>
 
@@ -469,7 +469,6 @@ p {
 	#title {
 		color: var(--black);
 		font-size: 42px;
-		text-align: center;
 	}
 
 	.reset-status-box {

frontend/src/pages/Team.vue

@@ -3,121 +3,125 @@
 		<metadata title="Team" />
 		<main-header />
 		<div class="container">
-			<h2 class="has-text-centered">Current Team</h2>
-			<div class="group">
-				<div
-					v-for="member in currentTeam"
-					:key="member.name"
-					class="card"
-				>
-					<header class="card-header">
-						<profile-picture
-							:avatar="member.avatar"
-							:name="member.name"
-						/>
-						<div>
-							<strong>{{ member.name }}</strong>
-							<span v-if="member.active"
-								>Active: {{ member.active }}</span
-							>
-						</div>
-						<a
-							v-if="member.link"
-							:href="member.link"
-							target="_blank"
-							class="material-icons"
-						>
-							link
-						</a>
-					</header>
-					<div class="card-content">
-						<div
-							v-if="member.bio"
-							class="bio"
-							v-html="member.bio"
-						></div>
-						<div v-if="member.projects" class="projects">
+			<div class="content-wrapper">
+				<h1 class="page-title has-text-centered">Team</h1>
+
+				<h2 class="has-text-centered">Current Team</h2>
+				<div class="group">
+					<div
+						v-for="member in currentTeam"
+						:key="member.name"
+						class="card"
+					>
+						<header class="card-header">
+							<profile-picture
+								:avatar="member.avatar"
+								:name="member.name"
+							/>
+							<div>
+								<strong>{{ member.name }}</strong>
+								<span v-if="member.active"
+									>Active: {{ member.active }}</span
+								>
+							</div>
 							<a
-								v-for="project in member.projects"
-								:key="project"
-								:href="
-									'https://github.com/Musare/' +
-										project +
-										'/commits?author=' +
-										member.github
-								"
+								v-if="member.link"
+								:href="member.link"
 								target="_blank"
+								class="material-icons"
 							>
-								{{ project }}
+								link
 							</a>
+						</header>
+						<div class="card-content">
+							<div
+								v-if="member.bio"
+								class="bio"
+								v-html="member.bio"
+							></div>
+							<div v-if="member.projects" class="projects">
+								<a
+									v-for="project in member.projects"
+									:key="project"
+									:href="
+										'https://github.com/Musare/' +
+											project +
+											'/commits?author=' +
+											member.github
+									"
+									target="_blank"
+								>
+									{{ project }}
+								</a>
+							</div>
 						</div>
 					</div>
 				</div>
-			</div>
-			<h3 class="has-text-centered">Previous Team</h3>
-			<div class="group">
-				<div
-					v-for="member in previousTeam"
-					:key="member.name"
-					class="card"
-				>
-					<header class="card-header">
-						<profile-picture
-							:avatar="{ type: 'text', color: 'grey' }"
-							:name="member.name"
-						/>
-						<div>
-							<strong>{{ member.name }}</strong>
-							<span v-if="member.active"
-								>Active: {{ member.active }}</span
+				<h3 class="has-text-centered">Previous Team</h3>
+				<div class="group">
+					<div
+						v-for="member in previousTeam"
+						:key="member.name"
+						class="card"
+					>
+						<header class="card-header">
+							<profile-picture
+								:avatar="{ type: 'text', color: 'grey' }"
+								:name="member.name"
+							/>
+							<div>
+								<strong>{{ member.name }}</strong>
+								<span v-if="member.active"
+									>Active: {{ member.active }}</span
+								>
+							</div>
+							<a
+								v-if="member.link"
+								:href="member.link"
+								target="_blank"
+								class="material-icons"
 							>
+								link
+							</a>
+						</header>
+						<div class="card-content">
+							<div
+								v-if="member.bio"
+								class="bio"
+								v-html="member.bio"
+							></div>
+							<div v-if="member.projects" class="projects">
+								<a
+									v-for="project in member.projects"
+									:key="project"
+									:href="
+										'https://github.com/Musare/' +
+											project +
+											'/commits?author=' +
+											member.github
+									"
+									target="_blank"
+								>
+									{{ project }}
+								</a>
+							</div>
 						</div>
+					</div>
+				</div>
+				<div class="other-contributors">
+					<h4>Other Contributors</h4>
+					<div>
 						<a
-							v-if="member.link"
+							v-for="member in otherContributors"
+							:key="member.name"
 							:href="member.link"
 							target="_blank"
-							class="material-icons"
 						>
-							link
+							{{ member.name }}
 						</a>
-					</header>
-					<div class="card-content">
-						<div
-							v-if="member.bio"
-							class="bio"
-							v-html="member.bio"
-						></div>
-						<div v-if="member.projects" class="projects">
-							<a
-								v-for="project in member.projects"
-								:key="project"
-								:href="
-									'https://github.com/Musare/' +
-										project +
-										'/commits?author=' +
-										member.github
-								"
-								target="_blank"
-							>
-								{{ project }}
-							</a>
-						</div>
 					</div>
 				</div>
 			</div>
-			<div class="other-contributors">
-				<h4>Other Contributors</h4>
-				<div>
-					<a
-						v-for="member in otherContributors"
-						:key="member.name"
-						:href="member.link"
-						target="_blank"
-					>
-						{{ member.name }}
-					</a>
-				</div>
-			</div>
 		</div>
 		<main-footer />
 	</div>