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,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

View File

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

View File

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