style: reduce font size for mobile view for better readability

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;
+      }
+    }
+  }
+}

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"

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;
+    }
+  }
+}

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;
     }
   }

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;
+    }
+  }
+}