From b35906315b4696b38599ba51ea4aa61cc09acacc Mon Sep 17 00:00:00 2001
From: Hasan Mobarak <126637868+hasan-deriv@users.noreply.github.com>
Date: Wed, 7 Aug 2024 12:56:14 +0800
Subject: [PATCH] [CFDS]/Hasan/CFDS-4260/tnc design update (#16108)

* feat: updated tnc design

* feat: updated tnc text case

* fix: updated tnc text alginment
---
 .../jurisdiction-modal/jurisdiction-modal-checkbox.tsx    | 7 +++----
 packages/cfd/src/sass/cfd.scss                            | 8 --------
 packages/core/src/sass/app/_common/base/common.scss       | 5 +++++
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-checkbox.tsx b/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-checkbox.tsx
index 150665d2efa8..71d6afc29260 100644
--- a/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-checkbox.tsx
+++ b/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-checkbox.tsx
@@ -17,7 +17,6 @@ const JurisdictionCheckBox = observer(
     }: TJurisdictionCheckBoxProps) => {
         const { ui } = useStore();
         const { is_mobile } = ui;
-
         const shouldShowCheckBox = () => {
             if (
                 !jurisdiction_selected_shortcode ||
@@ -31,14 +30,14 @@ const JurisdictionCheckBox = observer(
         };
 
         const getCheckboxLabel = () => (
-            <Text as='p' align='center' size={is_mobile ? 'xxs' : 'xs'} line_height='xs'>
+            <Text as='p' align={is_mobile ? 'left' : 'center'} size='xxs' line_height='m'>
                 <Localize
-                    i18n_default_text="I confirm and accept {{company}} 's <0>Terms and Conditions</0>"
+                    i18n_default_text="I confirm and accept {{company}} 's <0>terms and conditions</0>"
                     values={{ company: DBVI_COMPANY_NAMES[jurisdiction_selected_shortcode].name }}
                     components={[
                         <StaticUrl
                             key={0}
-                            className='link--no-bold'
+                            className='link link--no-underline'
                             href={DBVI_COMPANY_NAMES[jurisdiction_selected_shortcode].tnc_url}
                             is_document
                         />,
diff --git a/packages/cfd/src/sass/cfd.scss b/packages/cfd/src/sass/cfd.scss
index 15d96c0510c2..7f0837523c19 100644
--- a/packages/cfd/src/sass/cfd.scss
+++ b/packages/cfd/src/sass/cfd.scss
@@ -205,14 +205,6 @@
         display: flex;
         align-self: baseline;
         margin-inline-start: -0.8rem;
-        .dc-text {
-            font-size: var(--text-size-xxs);
-            text-align: var(--text-align-left);
-            & > a {
-                font-weight: bold;
-                text-transform: lowercase;
-            }
-        }
     }
     &-info,
     &__checkbox {
diff --git a/packages/core/src/sass/app/_common/base/common.scss b/packages/core/src/sass/app/_common/base/common.scss
index 0378d33fda85..680eb8a51353 100644
--- a/packages/core/src/sass/app/_common/base/common.scss
+++ b/packages/core/src/sass/app/_common/base/common.scss
@@ -139,6 +139,11 @@ html,
     &--prominent {
         color: var(--text-prominent);
     }
+    &--no-underline {
+        &:hover {
+            text-decoration: none;
+        }
+    }
 }
 
 .link--no-bold {