From 78ca0497941bbfaec61759247fe45c3ff8bf4165 Mon Sep 17 00:00:00 2001 From: kurpfish Date: Wed, 11 Aug 2021 15:19:59 +0300 Subject: [PATCH] mobile styling fixes --- src/components/Auth/AuthForDevelopers.module.css | 11 +++++++++++ src/components/Auth/AuthForPartners.module.css | 11 +++++++++++ src/components/LogoutButton/logoutButton.css | 9 ++++++++- 3 files changed, 30 insertions(+), 1 deletion(-) diff --git a/src/components/Auth/AuthForDevelopers.module.css b/src/components/Auth/AuthForDevelopers.module.css index 2433e9da..9642ce39 100644 --- a/src/components/Auth/AuthForDevelopers.module.css +++ b/src/components/Auth/AuthForDevelopers.module.css @@ -447,4 +447,15 @@ width: 100%; height: 100%; color: #fff; +} + +@media (max-width: 766px) { + .form__buttons { + flex-direction: column; + } + + .form__btn { + margin: 0; + margin-bottom: 1.5rem; + } } \ No newline at end of file diff --git a/src/components/Auth/AuthForPartners.module.css b/src/components/Auth/AuthForPartners.module.css index 9465fc8d..7728cbc6 100644 --- a/src/components/Auth/AuthForPartners.module.css +++ b/src/components/Auth/AuthForPartners.module.css @@ -444,4 +444,15 @@ width: 100%; height: 100%; color: #fff; +} + +@media (max-width: 766px) { + .form__buttons { + flex-direction: column; + } + + .form__btn { + margin: 0; + margin-bottom: 1.5rem; + } } \ No newline at end of file diff --git a/src/components/LogoutButton/logoutButton.css b/src/components/LogoutButton/logoutButton.css index ccb1c11c..4f872af4 100644 --- a/src/components/LogoutButton/logoutButton.css +++ b/src/components/LogoutButton/logoutButton.css @@ -29,4 +29,11 @@ border: 3px solid #6aaf5c; box-shadow: 3px 2px 5px rgba(82, 151, 34, 0.21); transition: .3s; -} \ No newline at end of file +} + +@media (max-width: 1198px) { + .logout-button { + top: 16px; + } + } + \ No newline at end of file