style(#ott-39): minor fixes

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%);
 `

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;

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'
 

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;