From 884fbd2555a119e5d7a64f3b52defc884beb1b14 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Wed, 20 Dec 2023 12:15:27 +0100
Subject: [PATCH] Client - update policy style link

---
 fittrackee_client/src/components/PrivacyPolicyToAccept.vue | 7 ++++++-
 fittrackee_client/src/scss/colors-dark.scss                | 1 +
 fittrackee_client/src/scss/colors.scss                     | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/fittrackee_client/src/components/PrivacyPolicyToAccept.vue b/fittrackee_client/src/components/PrivacyPolicyToAccept.vue
index 54231c62..c425e837 100644
--- a/fittrackee_client/src/components/PrivacyPolicyToAccept.vue
+++ b/fittrackee_client/src/components/PrivacyPolicyToAccept.vue
@@ -2,7 +2,7 @@
   <div class="privacy-policy-message">
     <span>
       <i18n-t keypath="user.LAST_PRIVACY_POLICY_TO_VALIDATE">
-        <router-link to="/profile/edit/privacy-policy">
+        <router-link to="/profile/edit/privacy-policy" class="policy-link">
           {{ $t('user.REVIEW') }}
         </router-link>
       </i18n-t>
@@ -18,5 +18,10 @@
     color: var(--alert-color);
     border-radius: $border-radius;
     padding: $default-padding $default-padding * 2;
+
+    .policy-link {
+      color: var(--policy-link-color);
+      text-decoration: underline;
+    }
   }
 </style>
diff --git a/fittrackee_client/src/scss/colors-dark.scss b/fittrackee_client/src/scss/colors-dark.scss
index 09cc1f9f..b8b86cbf 100644
--- a/fittrackee_client/src/scss/colors-dark.scss
+++ b/fittrackee_client/src/scss/colors-dark.scss
@@ -30,6 +30,7 @@
   --dropdown-background-color: var(--dark-blue);
   --dropdown-border-color: var(--input-border-color);
   --policy-border-color: #ccc;
+  --policy-link-color: var(--alert-color);
   --box-shadow-color: lightgrey;
   --admin-disabled-input-color: var(--dark-blue);
 
diff --git a/fittrackee_client/src/scss/colors.scss b/fittrackee_client/src/scss/colors.scss
index a26306ef..8c62850a 100644
--- a/fittrackee_client/src/scss/colors.scss
+++ b/fittrackee_client/src/scss/colors.scss
@@ -27,6 +27,7 @@
   --dropdown-background-color: #ffffff;
   --dropdown-border-color: lightgrey;
   --policy-border-color: #ccc;
+  --policy-link-color: var(--app-a-color);
   --box-shadow-color: lightgrey;
   --admin-disabled-input-color: #ffffff;