From 8c511ffdee92a19622e744b8dd291f1260803f35 Mon Sep 17 00:00:00 2001
From: Kevin <kevin@regentmarkets.com>
Date: Tue, 2 Feb 2021 17:45:07 +0800
Subject: [PATCH 1/2] hotfix for ib content

---
 src/components/layout/nav.js                  |  2 +-
 .../affiliate-ib/_deriv-ib-programme.js       | 48 +++++++++----------
 .../partners/affiliate-ib/_more-reason.js     |  8 +---
 3 files changed, 26 insertions(+), 32 deletions(-)

diff --git a/src/components/layout/nav.js b/src/components/layout/nav.js
index 781c3a0112d..9dc90da4cbc 100644
--- a/src/components/layout/nav.js
+++ b/src/components/layout/nav.js
@@ -770,7 +770,7 @@ const NavLogoLink = styled(LogoLink)`
 
 const LSContainer = styled(Container)`
     text-align: right;
-    margin-right: 60px;
+    margin-left: 200px;
 `
 
 const DesktopLS = styled(Show.Desktop)`
diff --git a/src/pages/partners/affiliate-ib/_deriv-ib-programme.js b/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
index 58613d3ff01..d98f24cd221 100644
--- a/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
+++ b/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
@@ -218,7 +218,12 @@ const DerivIBProgramme = () => {
                     </SubtitleHeader>
                 </TitleWrapper>
                 <IBSectionContainer padding="4rem 0 9.6rem 0">
-                    <StyledHeaderCommission as="h4" mb="1.6rem" size="1.6rem">
+                    <StyledHeaderCommission
+                        as="h4"
+                        type="sub-section-title"
+                        mb="1.6rem"
+                        size="1.6rem"
+                    >
                         {localize('Choose a commission plan:')}
                     </StyledHeaderCommission>
                     <StyledCardWrapper>
@@ -290,7 +295,7 @@ const DMT5Synthetic = ({ data }) => {
     }
     return (
         <StyledCard
-            height={is_expand && !is_calculated ? '83rem' : '43rem'}
+            height={is_expand && !is_calculated ? '75rem' : '43rem'}
             padding="3.2rem 3.2rem 8.2rem"
             mobileHeight={is_expand && !is_calculated ? '78rem' : '43rem'}
             width="43rem"
@@ -353,7 +358,7 @@ const DMT5Synthetic = ({ data }) => {
                     </div>
                 ) : (
                     <>
-                        <CardHeader as="h4" mb="0.8rem" lh="1.5">
+                        <CardHeader as="h4" type="sub-section-title" mb="0.8rem" lh="1.5">
                             {localize('How it’s calculated')}
                         </CardHeader>
                         {data.calculation}
@@ -440,7 +445,7 @@ const DMT5Standard = ({ data }) => {
                     </div>
                 ) : (
                     <>
-                        <CardHeader as="h4" mb="0.8rem">
+                        <CardHeader as="h4" type="sub-section-title" mb="0.8rem">
                             {localize('How it’s calculated')}
                         </CardHeader>
                         {data.calculation}
@@ -528,7 +533,7 @@ const DMT5Advanced = ({ data }) => {
                     </div>
                 ) : (
                     <>
-                        <CardHeader as="h4" mb="0.8rem">
+                        <CardHeader as="h4" type="sub-section-title" mb="0.8rem">
                             {localize('How it’s calculated')}
                         </CardHeader>
                         {data.calculation}
@@ -638,26 +643,19 @@ const ib_dmt5_synthetic = {
         ],
         [
             <Localize key={0} translate_text="Commission per round trade (per USD 100k)" />,
-            <Localize key={1} translate_text="0.50" />,
-            <Localize key={2} translate_text="0.70" />,
-            <Localize key={3} translate_text="0.50" />,
-            <Localize key={4} translate_text="0.70" />,
-            <Localize key={5} translate_text="0.80" />,
-            <Localize key={6} translate_text="0.40" />,
-            <Localize key={7} translate_text="0.20" />,
-            <Localize key={8} translate_text="1.50" />,
-            <Localize key={9} translate_text="1.50" />,
-            <Localize key={10} translate_text="3.50" />,
-            <Localize key={11} translate_text="3.50" />,
-            <Localize key={12} translate_text="7.50" />,
-            <Localize key={13} translate_text="7.50" />,
-            <Localize key={14} translate_text="10.00" />,
-            <Localize key={15} translate_text="10.00" />,
-            <Localize key={16} translate_text="15.00" />,
-            <Localize key={17} translate_text="15.00" />,
-            <Localize key={18} translate_text="1.50" />,
-            <Localize key={19} translate_text="7.50" />,
-            <Localize key={20} translate_text="15.00" />,
+            <Localize key={1} translate_text="0.30" />,
+            <Localize key={2} translate_text="0.20" />,
+            <Localize key={3} translate_text="0.30" />,
+            <Localize key={4} translate_text="0.20" />,
+            <Localize key={5} translate_text="1.50" />,
+            <Localize key={6} translate_text="3.50" />,
+            <Localize key={7} translate_text="7.50" />,
+            <Localize key={8} translate_text="10.00" />,
+            <Localize key={9} translate_text="15.00" />,
+            <Localize key={10} translate_text="1.50" />,
+            <Localize key={11} translate_text="7.50" />,
+            <Localize key={12} translate_text="15.00" />,
+            <Localize key={13} translate_text="0.20" />,
         ],
     ],
     calculation: (
diff --git a/src/pages/partners/affiliate-ib/_more-reason.js b/src/pages/partners/affiliate-ib/_more-reason.js
index 313193c5339..4b7fa7033d4 100644
--- a/src/pages/partners/affiliate-ib/_more-reason.js
+++ b/src/pages/partners/affiliate-ib/_more-reason.js
@@ -59,10 +59,6 @@ const StyledSection = styled(SectionContainer)`
     }
 `
 
-const StyledHeader = styled(Header)`
-    margin-top: 0 !important;
-`
-
 const MoreReason = () => {
     return (
         <StyledSection>
@@ -95,9 +91,9 @@ const MoreReason = () => {
                     </Reason>
                     <Reason>
                         <img src={GlobalAffiliate} alt="global affiliate support" />
-                        <StyledHeader as="h4" type="sub-section-title" lh="1.5" mb="8px">
+                        <Header as="h4" type="sub-section-title" lh="1.5" mb="8px">
                             {localize('Global affiliate support')}
-                        </StyledHeader>
+                        </Header>
                         <Text>
                             {localize(
                                 'Got questions? Need help? Call or email a dedicated team of affiliate managers for all the answers.',

From 8ee0057befe1574bb2f5b9bafccda4fbebe6a7d7 Mon Sep 17 00:00:00 2001
From: Kevin <kevin@regentmarkets.com>
Date: Wed, 3 Feb 2021 09:22:57 +0800
Subject: [PATCH 2/2] refactor: dev comments

---
 .../partners/affiliate-ib/_deriv-ib-programme.js   | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/pages/partners/affiliate-ib/_deriv-ib-programme.js b/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
index d98f24cd221..4daaa898e58 100644
--- a/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
+++ b/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
@@ -200,12 +200,7 @@ const DerivIBProgramme = () => {
         <StyledSection shadow id="deriv-ib">
             <Container direction="column">
                 <TitleWrapper>
-                    <StyledTitleHeader
-                        mb="1.2rem"
-                        type="sub-section-title"
-                        size="4.8rem"
-                        align="center"
-                    >
+                    <StyledTitleHeader mb="1.2rem" type="page-title" align="center">
                         {localize('Deriv IB Programme')}
                     </StyledTitleHeader>
                     <SubtitleHeader as="h4" type="sub-section-title" align="center" weight="normal">
@@ -218,12 +213,7 @@ const DerivIBProgramme = () => {
                     </SubtitleHeader>
                 </TitleWrapper>
                 <IBSectionContainer padding="4rem 0 9.6rem 0">
-                    <StyledHeaderCommission
-                        as="h4"
-                        type="sub-section-title"
-                        mb="1.6rem"
-                        size="1.6rem"
-                    >
+                    <StyledHeaderCommission as="h4" type="sub-section-title" mb="1.6rem">
                         {localize('Choose a commission plan:')}
                     </StyledHeaderCommission>
                     <StyledCardWrapper>