From 432e6e9cb0d0126a492b9dd7594070b16730e645 Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Wed, 7 May 2025 08:18:06 +0200
Subject: [PATCH] style: reduce font size for mobile view for better
 readability

---
 .../components/auth/login/login.component.scss    | 14 ++++++++++++++
 .../auth/register/register.component.html         |  2 +-
 .../buttons/btn-large/btn-large.component.scss    | 15 +++++++++++++++
 .../components/footer/footer.component.scss       |  1 +
 frontend/src/assets/style/checkbox.scss           | 14 +++++++++++++-
 5 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/auth/login/login.component.scss b/frontend/src/app/components/auth/login/login.component.scss
index 8190545..2297a31 100644
--- a/frontend/src/app/components/auth/login/login.component.scss
+++ b/frontend/src/app/components/auth/login/login.component.scss
@@ -49,3 +49,17 @@
     }
   }
 }
+
+@media screen and (max-width: 400px) {
+  .footer {
+    a {
+      font-size: 16px;
+    }
+    .footer-content {
+      p,
+      a {
+        font-size: 16px;
+      }
+    }
+  }
+}
diff --git a/frontend/src/app/components/auth/register/register.component.html b/frontend/src/app/components/auth/register/register.component.html
index a57aad1..a676b76 100644
--- a/frontend/src/app/components/auth/register/register.component.html
+++ b/frontend/src/app/components/auth/register/register.component.html
@@ -114,7 +114,7 @@
 
       <div class="checkbox">
         <label class="container">
-          I agree to the&nbsp;
+          I agree to the
           <a routerLink="/privacy-policy">Privacy policy</a>.
           <input
             id="checkbox"
diff --git a/frontend/src/app/shared/components/buttons/btn-large/btn-large.component.scss b/frontend/src/app/shared/components/buttons/btn-large/btn-large.component.scss
index 49cbba9..f930fa8 100644
--- a/frontend/src/app/shared/components/buttons/btn-large/btn-large.component.scss
+++ b/frontend/src/app/shared/components/buttons/btn-large/btn-large.component.scss
@@ -52,3 +52,18 @@
     margin: 0 0 0 4px;
   }
 }
+
+/*------------- RESPONSIVE -------------*/
+
+@media screen and (max-width: 400px) {
+  .btn {
+    padding: 9px 18px;
+    border-radius: 18px;
+    p {
+      font-size: 16px;
+    }
+    .icon {
+      height: 20px;
+    }
+  }
+}
diff --git a/frontend/src/app/shared/components/footer/footer.component.scss b/frontend/src/app/shared/components/footer/footer.component.scss
index f2af7fe..d0a5e4d 100644
--- a/frontend/src/app/shared/components/footer/footer.component.scss
+++ b/frontend/src/app/shared/components/footer/footer.component.scss
@@ -35,6 +35,7 @@ footer {
 @media screen and (max-width: 400px) {
   footer {
     a {
+      font-size: 16px;
       padding: 0 18px;
     }
   }
diff --git a/frontend/src/assets/style/checkbox.scss b/frontend/src/assets/style/checkbox.scss
index 59f305d..782055b 100644
--- a/frontend/src/assets/style/checkbox.scss
+++ b/frontend/src/assets/style/checkbox.scss
@@ -15,9 +15,10 @@
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  font-size: 18px;
   cursor: pointer;
   a {
-    font-size: 16px;
+    font-size: 18px;
     font-weight: 700;
     text-decoration: none;
     cursor: pointer;
@@ -76,3 +77,14 @@
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
+
+/*------------- RESPONSIVE -------------*/
+
+@media screen and (max-width: 400px) {
+  .container {
+    font-size: 15px;
+    a {
+      font-size: 15px;
+    }
+  }
+}