title and label style

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

@@ -87,11 +87,8 @@
 					</button>
 				</div>
 				<div class="column">
-					<button
+					<button class="button is-finish is-fullwidth" (click)="createPoll()">
-						class="button is-finish is-fullwidth"
+						<!--						[disabled]="!pollService.form.valid"-->
-						(click)="createPoll()"
-						[disabled]="!pollService.form.valid"
-					>
 						<i class="fa fa-save"></i>
 						Enregistrer le sondage
 					</button>

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

@@ -2,7 +2,7 @@
 	<app-stepper [step_current]="6" [step_max]="pollService.step_max"></app-stepper>
 	<div class="min-height">
 		<form action="#" [formGroup]="pollService.form">
-			<h2 class="title is-2">
+			<h2>
 				Dites à vos participants qui vous êtes !
 			</h2>
 			<label for="name">

src/app/features/administration/success/success.component.html

@@ -53,9 +53,9 @@
 							<div>
 								Pour accéder au sondage et à tous ses paramètres :
 								<br />
-								<pre class="is-default" routerLink="{{ pollService.getAdministrationUrlFromForm() }}"
+								<pre class="is-default" routerLink="{{ pollService.getAdministrationUrlFromForm() }}">
-									>{{ pollService.getAdministrationUrlFromForm() }}
+									{{ pollService.getAdministrationUrlFromForm() }}
-							</pre
+								</pre
 								>
 								<app-copy-text
 									[textToCopy]="pollService.getAdministrationUrlFromForm()"

src/styles/partials/_forms.scss

@@ -369,4 +369,5 @@ label {
 	font-size: 0.85rem;
 	line-height: 1rem;
 	margin-bottom: 0.5rem;
+	display: block;
 }

src/styles/partials/_typo.scss

@@ -1,39 +1,46 @@
-h1,
+body {
-h2,
+	h1,
-h3,
+	h2,
-h4,
+	h3,
-h5,
+	h4,
-h6 {
+	h5,
-	font-family: $title_font;
+	h6 {
-}
+		font-family: $title_font;
+		color: $primary_color;
+	}
 
-h1 {
+	h1 {
-	font-family: $title_font;
+		font-family: $title_font;
-	&::after {
+		&::after {
-		background-color: $primary_color;
+			background-color: $primary_color;
-		height: 2px;
+			height: 2px;
+		}
+	}
+
+	h2 {
+		font-family: $title_font;
+		font-size: 1.75rem;
+		font-weight: 600;
+		line-height: 2rem;
+		margin-bottom: 2rem;
+	}
+
+	h3 {
+		font-family: $title_font;
+	}
+
+	h4 {
+		font-family: $title_font;
+	}
+
+	.nobold {
+		font-weight: normal;
+	}
+
+	.text-right {
+		text-align: right;
+	}
+	.text-center {
+		text-align: center;
 	}
 }
-
-h2 {
-	font-family: $title_font;
-}
-
-h3 {
-	font-family: $title_font;
-}
-
-h4 {
-	font-family: $title_font;
-}
-
-.nobold {
-	font-weight: normal;
-}
-
-.text-right {
-	text-align: right;
-}
-.text-center {
-	text-align: center;
-}