improve padding of form pages

src/app/login/login.component.html

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

src/app/shared/form-page/form-page.component.scss

@@ -17,7 +17,10 @@
   background: white;
   border: 1px solid lightgray;
   border-radius: 8px;
+  padding: 1em;
+  @include media-xs {
     padding: 2em 3em;
+  }
   box-sizing: border-box;
 }