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

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

src/app/auth/components/forgot-password/forgot-password.component.scss

@@ -1,13 +1,17 @@
 /* @format */
 @import 'fonts';
 @import 'mixins';
+@import 'variables';
 
 :host {
   position: relative;
 }
 
 form {
   padding: 0;
+  @include beforeDesktop {
+    padding: 0px 20px;
+  }
   margin: 0;
 }
 

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 {