From c55141cb926c71d232aeda78199620ec0e9a9af4 Mon Sep 17 00:00:00 2001
From: Jordi <55429631+jorbush@users.noreply.github.com>
Date: Tue, 24 Sep 2024 12:03:22 +0200
Subject: [PATCH 1/4] fix btn mobile

---
 postrify-frontend/src/app/header/header.component.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/postrify-frontend/src/app/header/header.component.ts b/postrify-frontend/src/app/header/header.component.ts
index cc4ffbe..a4eab29 100644
--- a/postrify-frontend/src/app/header/header.component.ts
+++ b/postrify-frontend/src/app/header/header.component.ts
@@ -172,6 +172,14 @@ import { AuthService } from '../services/auth.service';
         font-size: 1.5rem;
         cursor: pointer;
       }
+
+      @media (pointer: coarse) {
+        .auth-button:hover,
+        .logout-button:hover {
+          background-color: initial;
+          color: initial;
+        }
+      }
     `,
   ],
 })

From d82d38767dfd841c9cbe1f58f5aa3c8f07624598 Mon Sep 17 00:00:00 2001
From: Jordi <55429631+jorbush@users.noreply.github.com>
Date: Tue, 24 Sep 2024 12:08:07 +0200
Subject: [PATCH 2/4] fix zoom

---
 postrify-frontend/src/app/login/login.component.ts       | 2 ++
 postrify-frontend/src/app/register/register.component.ts | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/postrify-frontend/src/app/login/login.component.ts b/postrify-frontend/src/app/login/login.component.ts
index 12ce462..fa56304 100644
--- a/postrify-frontend/src/app/login/login.component.ts
+++ b/postrify-frontend/src/app/login/login.component.ts
@@ -104,6 +104,7 @@ import { Router } from '@angular/router';
         border: 1px solid var(--border-color);
         border-radius: 4px;
         background-color: var(--input-bg);
+        font-size: 16px;
         color: var(--text-color);
       }
 
@@ -116,6 +117,7 @@ import { Router } from '@angular/router';
         border-radius: 4px;
         cursor: pointer;
         transition: background-color 0.3s ease;
+        font-size: 16px;
       }
 
       button:hover {
diff --git a/postrify-frontend/src/app/register/register.component.ts b/postrify-frontend/src/app/register/register.component.ts
index d8905e6..31c0033 100644
--- a/postrify-frontend/src/app/register/register.component.ts
+++ b/postrify-frontend/src/app/register/register.component.ts
@@ -127,6 +127,7 @@ import { ToastService } from '../services/toast.service';
         border: 1px solid var(--border-color);
         border-radius: 4px;
         background-color: var(--input-bg);
+        font-size: 16px;
         color: var(--text-color);
       }
 
@@ -139,6 +140,7 @@ import { ToastService } from '../services/toast.service';
         border-radius: 4px;
         cursor: pointer;
         transition: background-color 0.3s ease;
+        font-size: 16px;
       }
 
       button:hover {

From 4aeeab17f8b75cf104fa33d84ddf3e9e4a04e748 Mon Sep 17 00:00:00 2001
From: Jordi <55429631+jorbush@users.noreply.github.com>
Date: Tue, 24 Sep 2024 12:10:29 +0200
Subject: [PATCH 3/4] fix toggle hover

---
 postrify-frontend/src/app/header/header.component.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/postrify-frontend/src/app/header/header.component.ts b/postrify-frontend/src/app/header/header.component.ts
index a4eab29..a658ef7 100644
--- a/postrify-frontend/src/app/header/header.component.ts
+++ b/postrify-frontend/src/app/header/header.component.ts
@@ -175,6 +175,7 @@ import { AuthService } from '../services/auth.service';
 
       @media (pointer: coarse) {
         .auth-button:hover,
+        .toggle-button:hover,
         .logout-button:hover {
           background-color: initial;
           color: initial;

From bc39589d79f82f41e80ac93bc4b4a536e5778028 Mon Sep 17 00:00:00 2001
From: Jordi <55429631+jorbush@users.noreply.github.com>
Date: Tue, 24 Sep 2024 12:25:42 +0200
Subject: [PATCH 4/4] fix margin mobile

---
 postrify-frontend/src/app/header/header.component.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/postrify-frontend/src/app/header/header.component.ts b/postrify-frontend/src/app/header/header.component.ts
index a658ef7..96e290c 100644
--- a/postrify-frontend/src/app/header/header.component.ts
+++ b/postrify-frontend/src/app/header/header.component.ts
@@ -181,6 +181,16 @@ import { AuthService } from '../services/auth.service';
           color: initial;
         }
       }
+
+      @media (max-width: 500px) {
+        header {
+          padding: 0.5rem 0.25rem;
+        }
+
+        .username {
+          margin-right: 0rem;
+        }
+      }
     `,
   ],
 })