title top position eased by step padding

src/app/features/administration/form/steps/step-seven/step-seven.component.html

@@ -107,18 +107,19 @@
 		</div>
 		<h2 class="title is-5">{{ 'resume.owner' | translate }}</h2>
 		<div class="block-resume">
-			<div class="name">
-				<strong>
+			<p class="block-label">
 				{{ 'SENTENCES.your-name' | translate }}
-				</strong>
+			</p>
+			<p class="name">
 				{{ pollService.form.value.creatorPseudo }}
-			</div>
-			<div class="email">
-				<strong>
+			</p>
+
+			<p class="block-label">
 				{{ 'creation.email' | translate }}
-				</strong>
+			</p>
+			<p class="email">
 				{{ pollService.form.value.creatorEmail }}
-			</div>
+			</p>
 			<hr />
 			<div
 				class="go-to-step has-background-icon-left is-filtered-icon-primary has-background-edit"

src/environments/environment.ts

@@ -24,7 +24,7 @@ export const environment = {
 	appVersion: '2.2.1',
 	appSupportEmail: 'example-support@example.com',
 	appSupportWebpage: 'https://www.cipherbliss.com/contact',
-	autofill_creation: false,
+	autofill_creation: true,
 	autofill_default_timeslices: true,
 	autofill_participation: false,
 	autoSendNewPoll: false,

src/styles/partials/_responsive.scss

@@ -76,7 +76,7 @@
 	}
 
 	.step {
-		padding: calc(56px + 32px) 0.5rem;
+		padding: 120px 0;
 	}
 	#creation_stepper {
 		.logo-home-link {

src/styles/partials/_typo.scss

@@ -8,6 +8,8 @@ body {
 	h6 {
 		font-family: $title_font;
 		color: $d-primary-intense;
+		margin-top: 0;
+		margin-bottom: 0;
 	}
 
 	.title {
@@ -16,7 +18,8 @@ body {
 			font-weight: 700;
 			font-size: 32px;
 			line-height: 37px;
-			margin-bottom: 2rem;
+			margin-top: 0 !important;
+			margin-bottom: 1rem;
 		}
 		&.is-2 {
 			color: $d-primary-intense;
@@ -39,7 +42,8 @@ body {
 		font-weight: 700;
 		font-size: 32px;
 		line-height: 37px;
-		margin-bottom: 2rem;
+		margin-bottom: 1rem;
+		margin-top: 0;
 	}
 	.is-2 {
 		color: $d-primary-intense;