From 0bbd0dc293a87713f8e162fb860cf21b3ab2c806 Mon Sep 17 00:00:00 2001
From: crisnicandrei <62384997+crisnicandrei@users.noreply.github.com>
Date: Fri, 15 Mar 2024 17:12:25 +0200
Subject: [PATCH] PER-9491-new-sign-in design changes minor

- Changed the margin of the title on the sign in pace (only on mobile view)
- Added padding to the form on the forgot password page
- Added another breakpoint to make the form larger at smaller breakpoints right before it hits tablet
---
 src/app/auth/components/auth/auth.component.scss             | 5 +++++
 .../forgot-password/forgot-password.component.scss           | 4 ++++
 src/app/auth/components/login/login.component.scss           | 3 +++
 3 files changed, 12 insertions(+)

diff --git a/src/app/auth/components/auth/auth.component.scss b/src/app/auth/components/auth/auth.component.scss
index d27c38123..7c225e50a 100644
--- a/src/app/auth/components/auth/auth.component.scss
+++ b/src/app/auth/components/auth/auth.component.scss
@@ -35,6 +35,11 @@
     width: 100%;
     align-items: center;
   }
+
+  @media screen and (max-width: 1300px) and (min-width: 900px) {
+    width: 40%;
+    padding-right: 20px;
+  }
 }
 
 .image {
diff --git a/src/app/auth/components/forgot-password/forgot-password.component.scss b/src/app/auth/components/forgot-password/forgot-password.component.scss
index e45badae4..8c43f3457 100644
--- a/src/app/auth/components/forgot-password/forgot-password.component.scss
+++ b/src/app/auth/components/forgot-password/forgot-password.component.scss
@@ -1,6 +1,7 @@
 /* @format */
 @import 'fonts';
 @import 'mixins';
+@import 'variables';
 
 :host {
   position: relative;
@@ -8,6 +9,9 @@
 
 form {
   padding: 0;
+  @include beforeDesktop {
+    padding: 0px 20px;
+  }
   margin: 0;
 }
 
diff --git a/src/app/auth/components/login/login.component.scss b/src/app/auth/components/login/login.component.scss
index f168bdd16..6fdd56af3 100644
--- a/src/app/auth/components/login/login.component.scss
+++ b/src/app/auth/components/login/login.component.scss
@@ -15,6 +15,9 @@
 .page-title {
   @include pageTitle;
   margin-bottom: 175px;
+  @include beforeDesktop {
+    margin-bottom: 10%;
+  }
 }
 
 .email-input {