✨ certif: align titles with navigation

1024pix · Dec 17, 2024 · 5c14efc · 5c14efc
1 parent 1bc8716
commit 5c14efc
Show file tree

Hide file tree

Showing 9 changed files with 24 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;
-}