(fix): highlight current section

(fix): updated login and signup screens
(fix): styles

src/app/modules/auth/login.component.scss

@@ -82,13 +82,13 @@ m-login {
       display: block;
       background-color: #fcfcfc;
 
-      padding: 50px 37px;
+      padding: 86px 67px;
 
       clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 95%);
 
       h3 {
-        font-size: 24px;
-        line-height: 32px;
+        font-size: 36px;
+        line-height: 48px;
         font-weight: bold;
       }
 
@@ -104,6 +104,10 @@ m-login {
           overflow: visible;
         }
 
+        .mdl-cell {
+          width: 100%;
+        }
+
         input:not([type='checkbox']) {
           padding: 10px 15px;
           height: 37px;
@@ -116,6 +120,11 @@ m-login {
             align-items: center;
             flex-direction: row;
             justify-content: space-between;
+
+            button.mf-button {
+              width: 132px;
+              height: 60px;
+            }
           }
         }
       }
@@ -141,7 +150,7 @@ m-login {
       .mdl-card__actions {
         flex-direction: column;
         align-items: flex-start;
-        margin-top: 14px;
+        margin-top: 55px;
         padding: 0;
 
         & > *:not(button) {

src/app/modules/auth/register.component.scss

@@ -57,14 +57,26 @@ m-register {
       display: block;
       background-color: #fcfcfc;
 
-      padding: 50px 37px;
+      padding: 86px 67px;
 
       clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 95%);
 
       h3 {
-        font-size: 24px;
-        line-height: 32px;
+        font-size: 36px;
+        line-height: 36px;
         font-weight: bold;
+        margin-bottom: 4px;
+      }
+
+      .m-register__alreadyAUser {
+        font-size: 14px;
+        line-height: 19px;
+        color: #9b9b9b;
+        margin-bottom: 19px;
+
+        a {
+          color: #0091ff;
+        }
       }
 
       .mdl-cell {
@@ -79,6 +91,10 @@ m-register {
           overflow: visible;
         }
 
+        .mdl-cell {
+          width: 100%;
+        }
+
         input:not([type='checkbox']) {
           padding: 10px 15px;
           height: 37px;
@@ -96,7 +112,7 @@ m-register {
         display: flex;
         align-items: center;
         padding-top: 0;
-        margin-bottom: 33px;
+        margin-bottom: 0;
       }
 
       //.m-register--hero {
@@ -436,9 +452,10 @@ m-register {
       //}
 
       .mdl-card__actions {
-        flex-direction: column;
-        align-items: flex-start;
-        margin-top: 14px;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 55px;
         padding: 0;
 
         & > *:not(button) {

src/app/modules/forms/register/register.html

@@ -8,6 +8,9 @@
   </div>
 </div>
 <h3 *ngIf="showTitle">Join the Minds revolution</h3>
+<span class="m-register__alreadyAUser" *ngIf="showTitle"
+  >Already have an account? <a [routerLink]="'/login'">login</a></span
+>
 
 <!-- START: Register -->
 <form

src/app/modules/onboarding-v2/progressbar/progressbar.component.scss

@@ -68,6 +68,10 @@
     }
 
     &.m-onboardingProgressbar__item--selected {
+      span:nth-child(2) {
+        color: #4a4a4a;
+      }
+
       .m-onboardingProgressbarItem__selector {
         @include m-theme() {
           background-color: themed($m-aqua);

src/app/modules/onboarding-v2/steps/hashtags/hashtags.component.scss

 m-onboarding__hashtagsStep {
+  .m-onboarding__description {
+    line-height: 21px !important;
+    color: #4a4a4a !important;
+  }
+
   ul.m-hashtags__list {
     display: flex;
     flex-wrap: wrap;