Merge pull request #11 from jorbush/fix-bugs

Fix bugs
jorbush · Sep 24, 2024 · 5c03d78 · 5c03d78
2 parents 8ecb177 + bc39589
commit 5c03d78
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/postrify-frontend/src/app/header/header.component.ts b/postrify-frontend/src/app/header/header.component.ts
@@ -172,6 +172,25 @@ import { AuthService } from '../services/auth.service';
         font-size: 1.5rem;
         cursor: pointer;
       }
+
+      @media (pointer: coarse) {
+        .auth-button:hover,
+        .toggle-button:hover,
+        .logout-button:hover {
+          background-color: initial;
+          color: initial;
+        }
+      }
+
+      @media (max-width: 500px) {
+        header {
+          padding: 0.5rem 0.25rem;
+        }
+
+        .username {
+          margin-right: 0rem;
+        }
+      }
     `,
   ],
 })

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