bugfix design

src/app/components/login/header/header.component.scss

@@ -1,5 +1,5 @@
 .logo {
-  position: absolute;
+  position: fixed;
   left: 57px;
   top: 60px;
   height: 100px;
@@ -7,7 +7,7 @@
 }
 
 .register {
-  position: absolute;
+  position: fixed;
   top: 67px;
   right: 100px;
   display: inline-flex;
@@ -42,7 +42,7 @@
 
 /*------------- RESPONSIVE -------------*/
 
-@media (max-height: 820px) {
+@media (max-height: 700px) {
   .logo {
     display: none;
   }

src/app/components/login/login.component.html

@@ -56,6 +56,7 @@
         } @else {
         <img
           class="passwordEye"
+          *ngIf="isPasswordIconVisible"
           (click)="loginSerivce.togglePasswordVisibility()"
           [src]="loginSerivce.passwordIcon"
         />

src/app/components/login/login.component.scss

@@ -43,7 +43,7 @@ section {
     width: 100%;
     border-radius: 10px;
     border: 1px solid var(--light-gray);
-    padding: 12px 21px;
+    padding: 12px 16px;
   }
   .custom-img {
     &:nth-child(2) {
@@ -100,9 +100,9 @@ section {
   }
 }
 
-@media (max-height: 550px) {
+@media (max-height: 800px) {
   .content {
-    top: 45%;
+    top: 40%;
   }
 }
 
@@ -119,6 +119,7 @@ section {
   .input-fields {
     .custom-input {
       font-size: 16px;
+      padding: 12px;
     }
     .custom-img {
       &:nth-child(2) {

src/app/components/login/login.component.ts

@@ -23,6 +23,8 @@ import { HeaderComponent } from './header/header.component';
   styleUrl: './login.component.scss',
 })
 export class LoginComponent {
+  isPasswordIconVisible: boolean = true;
+
   loginData = {
     mail: '',
     password: '',
@@ -46,6 +48,7 @@ export class LoginComponent {
     this.sharedService.isBtnDisabled = true;
     this.loginData.mail = 'guest@guestaccount.com';
     this.loginData.password = 'guest@guestaccount.com';
+    this.isPasswordIconVisible = !this.isPasswordIconVisible;
     this.onSubmit({ submitted: true, form: { valid: true } } as NgForm);
   }
 

src/app/components/login/register/register.component.scss

@@ -57,7 +57,7 @@ section {
     width: 100%;
     border-radius: 10px;
     border: 1px solid var(--light-gray);
-    padding: 12px 21px;
+    padding: 12px 16px;
   }
   .custom-img {
     &:nth-child(2) {
@@ -182,7 +182,7 @@ section {
   }
 }
 
-@media (max-height: 550px) {
+@media (max-height: 800px) {
   .content {
     top: 45%;
   }
@@ -214,6 +214,7 @@ section {
   .input-fields {
     .custom-input {
       font-size: 16px;
+      padding: 12px;
     }
     .custom-img {
       &:nth-child(2) {