space buttons under calendar

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

@@ -21,7 +21,7 @@
 		></p-calendar>
 	</div>
 	<button class="button" (click)="mode_calendar = !mode_calendar" [ngClass]="{ 'is-primary': !mode_calendar }">
-		Saisir les dates manuellement
+		<i class="fa fa-pencil"></i> Saisir les dates manuellement
 	</button>
 </div>
 <div class="columns">
@@ -38,8 +38,9 @@
 					{{ 'dates.add_time' | translate }}
 				</button>
 				<button class="button" (click)="pollService.allowSeveralHours = !pollService.allowSeveralHours">
-					Horaires différentes pour chaque jour
+					<i class="fa fa-clock-o" aria-hidden="true"></i> Horaires différentes pour chaque jour
 				</button>
+
 				<button
 					(click)="pollService.removeAllTimes()"
 					*ngIf="pollService.timeList.length && false == pollService.allowSeveralHours"

src/app/features/administration/form/steps/step-three/step-three.component.scss

@@ -7,3 +7,6 @@
 .calendar {
 	margin-top: 1em;
 }
+#add_time_button {
+	margin-bottom: 1em;
+}

src/styles/partials/_forms.scss

@@ -190,6 +190,7 @@ mat-checkbox {
 	background: white;
 	border-radius: 4px;
 	overflow: hidden;
+	padding: 1em 2em;
 }
 
 .example-box {

src/styles/partials/_responsive.scss

@@ -14,6 +14,7 @@
 		display: inline-block;
 	}
 	.time-choice {
+		padding: 1em;
 		input {
 			width: 80%;
 		}