spacing buttons

This commit is contained in:
Tykayn 2021-02-04 09:23:15 +01:00 committed by tykayn
parent 03f7c49c51
commit d4e5c614a9
3 changed files with 31 additions and 16 deletions

View File

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

View File

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

View File

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