From 5c14efc141dd90d2461e43b337fb2aadca1a81f8 Mon Sep 17 00:00:00 2001
From: AndreiaPena <andreia.pena@pix.fr>
Date: Tue, 17 Dec 2024 16:34:31 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20certif:=20align=20titles=20with=20n?=
 =?UTF-8?q?avigation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 certif/app/components/team/invite-form.hbs         |  2 +-
 certif/app/styles/components/layout/banners.scss   | 14 +++++++++++++-
 .../app/styles/components/login-or-register.scss   |  1 +
 certif/app/styles/globals/texts.scss               |  1 +
 certif/app/styles/globals/titles.scss              |  7 ++++++-
 .../pages/authenticated/sessions/details.scss      |  2 +-
 .../pages/authenticated/sessions/list-items.scss   |  1 -
 certif/app/styles/pages/authenticated/team.scss    |  2 +-
 .../styles/pages/authenticated/team/invite.scss    |  6 ------
 9 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/certif/app/components/team/invite-form.hbs b/certif/app/components/team/invite-form.hbs
index 2fff5ec9103..66c30a397b4 100644
--- a/certif/app/components/team/invite-form.hbs
+++ b/certif/app/components/team/invite-form.hbs
@@ -5,10 +5,10 @@
       @id="email"
       type="email"
       @value={{@email}}
-      class="invite-form__email-field"
       aria-required="true"
       required="required"
       {{on "change" @onUpdateEmail}}
+      rows="3"
     >
       <:label>{{t "pages.team-invite.input-label"}}</:label>
     </PixTextarea>
diff --git a/certif/app/styles/components/layout/banners.scss b/certif/app/styles/components/layout/banners.scss
index 6c9026dda11..9942b861a30 100644
--- a/certif/app/styles/components/layout/banners.scss
+++ b/certif/app/styles/components/layout/banners.scss
@@ -1,3 +1,15 @@
 .banners {
-  margin-bottom: var(--pix-spacing-6x);
+  margin-bottom: 0;
+
+  &:first-child {
+    margin-top: var(--pix-spacing-6x);
+  }
+
+  @include device-is('tablet') {
+    margin-bottom: var(--pix-spacing-6x);
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
 }
diff --git a/certif/app/styles/components/login-or-register.scss b/certif/app/styles/components/login-or-register.scss
index bb880f369c3..89c409aac6d 100644
--- a/certif/app/styles/components/login-or-register.scss
+++ b/certif/app/styles/components/login-or-register.scss
@@ -86,6 +86,7 @@
   }
 
   &__title {
+    margin-top: var(--pix-spacing-6x);
     text-align: center;
   }
 }
diff --git a/certif/app/styles/globals/texts.scss b/certif/app/styles/globals/texts.scss
index 48d95afdfc3..e01b0c69561 100644
--- a/certif/app/styles/globals/texts.scss
+++ b/certif/app/styles/globals/texts.scss
@@ -55,6 +55,7 @@
 
 .previous-button {
   width: fit-content;
+  margin-bottom: var(--pix-spacing-6x);
 
   @extend %pix-body-s;
 }
diff --git a/certif/app/styles/globals/titles.scss b/certif/app/styles/globals/titles.scss
index 0d3cc0b4272..e9d45be8329 100644
--- a/certif/app/styles/globals/titles.scss
+++ b/certif/app/styles/globals/titles.scss
@@ -1,5 +1,10 @@
 .page-title {
   @extend %pix-title-m;
 
-  margin: 24px 0;
+  margin-top: var(--pix-spacing-6x);
+  margin-bottom: var(--pix-spacing-6x);
+
+  @include device-is('tablet') {
+    margin-top: 0;
+  }
 }
diff --git a/certif/app/styles/pages/authenticated/sessions/details.scss b/certif/app/styles/pages/authenticated/sessions/details.scss
index 9b80cfb1bde..a5d5145ffee 100644
--- a/certif/app/styles/pages/authenticated/sessions/details.scss
+++ b/certif/app/styles/pages/authenticated/sessions/details.scss
@@ -8,7 +8,7 @@
 .session-details__header {
   display: flex;
   flex-wrap: wrap;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
   margin-bottom: var(--pix-spacing-3x);
 }
diff --git a/certif/app/styles/pages/authenticated/sessions/list-items.scss b/certif/app/styles/pages/authenticated/sessions/list-items.scss
index 51de603ba95..f876fc5bf92 100644
--- a/certif/app/styles/pages/authenticated/sessions/list-items.scss
+++ b/certif/app/styles/pages/authenticated/sessions/list-items.scss
@@ -16,7 +16,6 @@
     margin-bottom: var(--pix-spacing-3x);
 
     @include device-is('tablet') {
-      align-items: center;
       flex-direction: row;
       margin-bottom: 0;
     }
diff --git a/certif/app/styles/pages/authenticated/team.scss b/certif/app/styles/pages/authenticated/team.scss
index 80528272a35..7026bde6bd7 100644
--- a/certif/app/styles/pages/authenticated/team.scss
+++ b/certif/app/styles/pages/authenticated/team.scss
@@ -3,7 +3,7 @@
     display: flex;
     width: 100%;
     justify-content: space-between;
-    align-items:center;
+    align-items: flex-start;
   }
   &__header-admin-buttons {
     display: flex;
diff --git a/certif/app/styles/pages/authenticated/team/invite.scss b/certif/app/styles/pages/authenticated/team/invite.scss
index 6f4cc7c042f..bffa45252b3 100644
--- a/certif/app/styles/pages/authenticated/team/invite.scss
+++ b/certif/app/styles/pages/authenticated/team/invite.scss
@@ -1,13 +1,7 @@
 .team-invite-page {
   @extend %pix-body-s;
 
-  margin-top: var(--pix-spacing-4x);
-
   &__form {
     margin-top: var(--pix-spacing-8x);
   }
 }
-
-.invite-form__email-field {
-  min-height: 70px;
-}