From f24323148b66a828b77ad9216213ffb6fcbea068 Mon Sep 17 00:00:00 2001
From: Eva Marco <evamarcod@gmail.com>
Date: Mon, 1 Apr 2024 09:24:29 +0200
Subject: [PATCH] :bug: Fix auth links font-size

---
 frontend/src/app/main/ui/auth.cljs |  9 ++++++---
 frontend/src/app/main/ui/auth.scss | 31 +++++++++++++++---------------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/frontend/src/app/main/ui/auth.cljs b/frontend/src/app/main/ui/auth.cljs
index 636be2cd6..218fc21ce 100644
--- a/frontend/src/app/main/ui/auth.cljs
+++ b/frontend/src/app/main/ui/auth.cljs
@@ -27,13 +27,16 @@
     (when show-all?
       [:div {:class (stl/css :terms-login)}
        (when show-terms?
-         [:a {:href cf/terms-of-service-uri :target "_blank"} (tr "auth.terms-of-service")])
+         [:a {:href cf/terms-of-service-uri :target "_blank" :class (stl/css :auth-link)}
+          (tr "auth.terms-of-service")])
 
        (when show-all?
-         [:span (dm/str "  " (tr "labels.and") "  ")])
+         [:span {:class (stl/css :and-text)}
+          (dm/str "  " (tr "labels.and") "  ")])
 
        (when show-privacy?
-         [:a {:href cf/privacy-policy-uri :target "_blank"} (tr "auth.privacy-policy")])])))
+         [:a {:href cf/privacy-policy-uri :target "_blank" :class (stl/css :auth-link)}
+          (tr "auth.privacy-policy")])])))
 
 (mf/defc auth
   {::mf/props :obj}
diff --git a/frontend/src/app/main/ui/auth.scss b/frontend/src/app/main/ui/auth.scss
index 3c81a7c43..81e418e9c 100644
--- a/frontend/src/app/main/ui/auth.scss
+++ b/frontend/src/app/main/ui/auth.scss
@@ -49,7 +49,7 @@
   gap: $s-24;
   height: fit-content;
   max-width: $s-412;
-  padding-bottom: $s-8;
+  padding-block-end: $s-8;
   position: relative;
   width: 100%;
 }
@@ -60,33 +60,32 @@
   left: $s-20;
   display: flex;
   justify-content: flex-start;
-  margin-bottom: $s-52;
   width: $s-120;
+  margin-block-end: $s-52;
 
   svg {
     width: $s-120;
     height: $s-40;
-    fill: $df-primary;
-    stroke: $df-primary;
+    fill: var(--main-icon-foreground);
   }
 }
 
 .terms-login {
-  font-size: $fs-11;
-  width: 100%;
+  @include bodySmallTypography;
   display: flex;
   gap: $s-4;
   justify-content: center;
+  width: 100%;
+}
 
-  a {
-    font-weight: $fw700;
-    color: $da-primary;
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-  span {
-    border-bottom: $s-1 solid transparent;
-    color: $df-secondary;
+.and-text {
+  border-bottom: $s-1 solid transparent;
+  color: var(--title-foreground-color);
+}
+
+.auth-link {
+  color: var(--link-foreground-color);
+  &:hover {
+    text-decoration: underline;
   }
 }