login page adaptive

src/view/page/login/Login.jsx

@@ -71,7 +71,6 @@ export default D.declare('view.page.Login', () => {
                             ><span>Далее</span><Arr width="17" height="11"/></Button>
                         </Switch.Item>
                         <Switch.Item id='enterCode'>
-                            <button onClick={() => loginStore.set('active', 'enterPhone')}>Взат</button>,
                             <view.cmp.field.LabeledField
                               required
                               label={'Введите код из СМС'}

src/view/page/login/loginPage.scss

@@ -58,17 +58,44 @@
 	top: 31px;
 	left: 37px;
 	z-index: 11;
+
+	@media (max-width: $mobile) {
+		top: 19px;
+		left: 19px;
+	}
+}
+
+.login-page__back-link button {
+	@media (max-width: $mobile) {
+		font-size: 0;
+	}
+}
+
+.login-page__back-link svg {
+	@media (max-width: $mobile) {
+		width: 20px;
+		height: 20px;
+	}
 }
 
 .login-page__headline {
 	@include headline;
 	margin: 0;
+
+	@media (max-width: $mobile) {
+		margin-top: 22px;
+	}
 }
 
 .login-page__text {
 	@include mainBodyText;
 	margin: 22px auto 25px;
 	max-width: 385px;
+
+	@media (max-width: $mobile) {
+		margin-bottom: 10px;
+		min-height: 95px;
+	}
 }
 
 .login-page__text p {
@@ -84,8 +111,15 @@
 	text-decoration: none;
 	color: $accent-dark;
 
+	@media (max-width: $mobile) {
+		font-weight: 700;
+		font-size: 20px;
+		line-height: 25px;
+		letter-spacing: 0;
+	}
+
 	&:hover,
-		&:active,
+	&:active,
 	&:focus {
 		color: $accent-medium;
 		outline: none;