From d8d27c226af22546995ce1dddaf2338f4929f9c9 Mon Sep 17 00:00:00 2001
From: florimondmanca <florimond.manca@gmail.com>
Date: Sun, 16 Sep 2018 15:31:08 +0200
Subject: [PATCH] improve padding of form pages
---
src/app/login/login.component.html | 10 ++++++----
src/app/shared/form-page/form-page.component.scss | 5 ++++-
2 files changed, 10 insertions(+), 5 deletions(-)
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index 86061f6..b670f76 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -1,8 +1,6 @@
<app-form-page>
<h1>Connexion</h1>
- <messages></messages>
-
<form [formGroup]="formGroup" (ngSubmit)="login()">
<!-- Email field -->
@@ -17,11 +15,15 @@
<!-- Submit -->
<div class="text-center">
- <button mat-raised-button color="primary" [disabled]="!formGroup.valid || loading" id="login-btn">Se connecter</button>
- <p *ngIf="loading"><i class="fa fa-spinner fa-pulse"></i></p>
+ <button mat-raised-button color="primary" [disabled]="!formGroup.valid || loading" id="login-btn">
+ Se connecter <i *ngIf="loading" class="fa fa-spinner fa-pulse"></i>
+ </button>
</div>
+
</form>
+ <messages></messages>
+
<p class="text-center">
Ou crée ton
<a routerLink="/inscription">compte tutoré</a>
diff --git a/src/app/shared/form-page/form-page.component.scss b/src/app/shared/form-page/form-page.component.scss
index 9ab47b5..9b87fb5 100644
--- a/src/app/shared/form-page/form-page.component.scss
+++ b/src/app/shared/form-page/form-page.component.scss
@@ -17,7 +17,10 @@
background: white;
border: 1px solid lightgray;
border-radius: 8px;
- padding: 2em 3em;
+ padding: 1em;
+ @include media-xs {
+ padding: 2em 3em;
+ }
box-sizing: border-box;
}
--
GitLab