spacing buttons

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

@@ -1,24 +1,32 @@
-<div class="admin-form">
+<div class="admin-form padded">
 	<h1>
 		{{ 'creation.title' | translate }}
 	</h1>
 
-	<img src="assets/img/undraw_Moving_twwf.svg" alt="image WIP" />
-	<button class="btn btn--warning" (click)="askInitFormDefault()">
-		<i class="fa fa-refresh"></i>
-		Tout réinitialiser
-	</button>
-	<button class="btn is-success" (click)="createPoll()">
-		<i class="fa fa-save"></i>
-		Enregistrer le sondage
-	</button>
-	<button class="btn is-default" (click)="automaticSlug()">
-		<i class="fa fa-save"></i>
-		Slug automatique
-	</button>
+	<div class="columns">
+		<div class="column">
+			<img src="assets/img/undraw_Moving_twwf.svg" alt="image WIP" />
+		</div>
+		<div class="column">
+			<button class="btn btn--warning" (click)="askInitFormDefault()">
+				<i class="fa fa-refresh"></i>
+				Tout réinitialiser
+			</button>
+			<br />
+			<button class="btn is-success" (click)="createPoll()">
+				<i class="fa fa-save"></i>
+				Enregistrer le sondage
+			</button>
+			<br />
+			<button class="btn is-default" (click)="automaticSlug()">
+				<i class="fa fa-refresh"></i>
+				Slug automatique
+			</button>
 
-	<div class="well">
-		{{ poll.slug }}
+			<div class="well">
+				{{ poll.slug }}
+			</div>
+		</div>
 	</div>
 	<div class="has-background-danger" *ngIf="!form.valid">
 		le formulaire est invalide

src/app/features/administration/form/form.component.scss

@@ -83,4 +83,7 @@
 		border-left: $success 3px solid;
 		padding-left: 1em;
 	}
+	.btn {
+		margin: 0.5em;
+	}
 }

src/styles/dev-utilities/_helpers.scss

@@ -22,3 +22,7 @@
 .hidden {
 	display: none;
 }
+
+.padded {
+	padding: 1em;
+}