diff --git a/frontend/src/app/page/onboarding/registration/registration.component.ts b/frontend/src/app/page/onboarding/registration/registration.component.ts index 67b4a65..b43bf24 100644 --- a/frontend/src/app/page/onboarding/registration/registration.component.ts +++ b/frontend/src/app/page/onboarding/registration/registration.component.ts @@ -1,4 +1,4 @@ -import {Component} from '@angular/core'; +import {Component, OnInit} from '@angular/core'; import {EmailFieldComponent} from "../../../atomic/input/email-field/email-field.component"; import {TextLinkComponent} from "../../../atomic/text-link/text-link.component"; import {Router, RouterLink} from "@angular/router"; @@ -17,7 +17,7 @@ import {verify_email} from "../../../model/util"; templateUrl: './registration.component.html', styleUrl: './registration.component.css' }) -export class RegistrationComponent { +export class RegistrationComponent implements OnInit { mail: string = ''; constructor(private router: Router) { @@ -36,6 +36,11 @@ export class RegistrationComponent { } set_mail() { + const focusedElement = document.activeElement as HTMLElement; + if (focusedElement) { + focusedElement.blur(); + } + if (!this.mail || !this.verify_mail()) { return; } diff --git a/frontend/src/app/page/onboarding/verification/verification.component.css b/frontend/src/app/page/onboarding/verification/verification.component.css index 2d57efe..4069162 100644 --- a/frontend/src/app/page/onboarding/verification/verification.component.css +++ b/frontend/src/app/page/onboarding/verification/verification.component.css @@ -34,6 +34,7 @@ margin-top: 3rem; font-weight: bold; font-size: 1.5rem; + line-height: 2rem; } .button-container {