Merge branch '507-retours-recette-contact-newsletter' into 'dev'

Resolve "Retours recette Contact + Newsletter"

See merge request !748

src/app/contact/contact.component.scss

@@ -6,7 +6,7 @@
 
 .contactForm {
   max-width: 600px;
-  padding: 1rem 0;
+  padding: 2rem 0;
   margin: auto;
 
   display: flex;

src/app/login/login.component.html

@@ -8,7 +8,7 @@
       Une erreur est survenue lors de la validation de votre email... Veuillez envoyer un mail au support.
     </p>
     <form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
-      <div class="formGroup" style="gap: 24px">
+      <div class="formGroup">
         <app-input
           id="login"
           label="Identifiant"

src/app/login/login.component.scss

@@ -31,10 +31,10 @@
     form {
       display: flex;
       flex-direction: column;
+      align-items: center;
       gap: 32px;
-      .fields {
-        display: flex;
-        flex-direction: column;
+      .formGroup {
+        width: 300px;
         gap: 24px;
       }
     }

src/app/newsletter-subscription/newsletter-subscription.component.html

@@ -7,6 +7,7 @@
     label="Courriel personnel"
     autocomplete="on"
     size="large"
+    [wide]="true"
     [status]="
       subscriptionForm.get('email').value ? (subscriptionForm.get('email').invalid ? 'error' : 'success') : null
     "

src/app/newsletter-subscription/newsletter-subscription.component.scss

 .newsletterForm {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
-  width: fit-content;
-  padding: 1rem 0;
+  gap: 32px;
+  width: 360px;
+  padding: 2rem 0;
   margin: auto;
 
   .actions {
@@ -13,7 +13,7 @@
 
     .buttons {
       display: flex;
-      gap: 1rem;
+      justify-content: space-between;
     }
 
     .link {