fix: subtask (#4250)

konstantinosG-deriv · Konstantinos-Gk · web-flow · commit 19870d30faa8 · 2023-02-28T11:08:46.000+06:00
Co-authored-by: Konstantinos-Gk &lt;konstantinos.gkagiannis@deriv.com&gt;
diff --git a/crowdin/messages.json b/crowdin/messages.json
@@ -1252,6 +1252,7 @@
   "1636782601": "Multipliers",
   "1637050346": "Why did my credit card deposit get declined?",
   "1637552314": "Once you are satisfied with the parameters that you have set, select either ‘Up’ or ‘Down’ to purchase your contract. Otherwise, continue to customise the parameters and place your order when you are satisfied with the conditions.",
+  "1641242912": "_t_Sign up for your demo account now._t_",
   "1641578390": "1 }",
   "1643887982": "Amazon.com Inc",
   "1644652204": "Fund your account with your preferred payment method.",
diff --git a/src/components/custom/_signup-flat.tsx b/src/components/custom/_signup-flat.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import styled from 'styled-components'
 import { Input, Button, LinkButton } from 'components/form'
 import { Header, Text } from 'components/elements'
-import { localize } from 'components/localization'
+import { Localize, localize } from 'components/localization'
 import { Container } from 'components/containers'
 import device from 'themes/device'
 // SVG
@@ -135,11 +135,11 @@ const SignupFlat = ({
                         weight="bold"
                         color={dark ? 'white' : 'black'}
                     >
-                        {localize('Join over 2.5 million traders worldwide')}
+                        <Localize translate_text="_t_Join over 2.5 million traders worldwide_t_" />
                     </StyledHeader>
                     <br />
                     <Text color={dark ? 'white' : 'black'}>
-                        {localize('Sign up for your demo account now.')}
+                        <Localize translate_text="_t_Sign up for your demo account now._t_" />
                     </Text>
                     <InputGroup>
                         <InputWrapper>
diff --git a/src/pages/markets/components/sections/_hero_derived_fx.tsx b/src/pages/markets/components/sections/_hero_derived_fx.tsx
@@ -134,15 +134,17 @@ const MarketSubHeader = styled.div`
     font-size: 16px;
     width: 25vw;
     color: var(--color-black-9);
-    text-align: center;
+    text-align: left;
     line-height: 24px;
 
     @media ${device.laptopM} {
         min-width: 40rem;
+        text-align: center;
     }
     @media ${device.mobileM} {
         font-size: 14px;
         width: 83vw;
+        text-align: center;
     }
 `
 const StyledHeader = styled(Header)`

Original file line number	Diff line number	Diff line change
@@ -134,15 +134,17 @@ const MarketSubHeader = styled.div`
`134`	`134`	`font-size: 16px;`
`135`	`135`	`width: 25vw;`
`136`	`136`	`color: var(--color-black-9);`
`137`		`- text-align: center;`
	`137`	`+ text-align: left;`
`138`	`138`	`line-height: 24px;`
`139`	`139`
`140`	`140`	`@media ${device.laptopM} {`
`141`	`141`	`min-width: 40rem;`
	`142`	`+ text-align: center;`
`142`	`143`	`}`
`143`	`144`	`@media ${device.mobileM} {`
`144`	`145`	`font-size: 14px;`
`145`	`146`	`width: 83vw;`
	`147`	`+ text-align: center;`
`146`	`148`	`}`
`147`	`149`	`
`148`	`150`	const StyledHeader = styled(Header)`