diff --git a/src/features/Common/Arrows/index.tsx b/src/features/Common/Arrows/index.tsx index 41deda0e..c8f1575e 100644 --- a/src/features/Common/Arrows/index.tsx +++ b/src/features/Common/Arrows/index.tsx @@ -25,13 +25,13 @@ const ArrowStyled = styled.button` export const ArrowLeft = styled(ArrowStyled)` background-image: url(/images/arrowLeft.svg); top: 50%; - left: -10px; - transform: translate(0,-50%); + left: 0px; + transform: translate(-10px, -50%); ` export const ArrowRight = styled(ArrowStyled)` background-image: url(/images/arrowRight.svg); top: 50%; - right: -10px; - transform: translate(0, -50%); + right: 0px; + transform: translate(10px, -50%); ` diff --git a/src/features/Login/styled.tsx b/src/features/Login/styled.tsx index 94f2a217..f1701bed 100644 --- a/src/features/Login/styled.tsx +++ b/src/features/Login/styled.tsx @@ -13,7 +13,7 @@ export const CenterBlock = styled.div` export const Form = styled.form` width: 544px; - margin-top: 80px; + margin: 80px 0 140px 0; display: flex; flex-direction: column; align-items: center; @@ -34,16 +34,13 @@ export const ButtonsBlock = styled.div<{forSubsPage?: boolean}>` display: flex; flex-direction: column; margin-top: ${({ forSubsPage }) => (forSubsPage ? '80px' : '60px')}; + margin-bottom: ${({ forSubsPage }) => (forSubsPage ? '96px' : '')}; position: relative; - - & > * { - margin-bottom: 96px; - } ` export const RegisterButton = styled(Link)` ${outlineButtonStyles} - + margin-top: 40px; display: flex; align-items: center; justify-content: center; diff --git a/src/features/Register/Steps/Subscriptions/index.tsx b/src/features/Register/Steps/Subscriptions/index.tsx index 7750cfd3..ea7263d9 100644 --- a/src/features/Register/Steps/Subscriptions/index.tsx +++ b/src/features/Register/Steps/Subscriptions/index.tsx @@ -5,7 +5,7 @@ import { ButtonSolid } from 'features/Common/Button' import { ArrowLeft, ArrowRight } from 'features/Common/Arrows' import { ButtonsBlock } from 'features/Login/styled' -import { Price } from 'features/Register/Price/index' +import { Price } from 'features/Register/Price' import { Subscription } from './Subscription' diff --git a/src/features/Register/styled.tsx b/src/features/Register/styled.tsx index c4148e52..12833bf6 100644 --- a/src/features/Register/styled.tsx +++ b/src/features/Register/styled.tsx @@ -5,7 +5,6 @@ import { solidButtonStyles } from 'features/Common' export const NextButton = styled(Link)` ${solidButtonStyles} - display: flex; align-items: center; justify-content: center;