From 2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 11 Apr 2019 11:18:19 +0200 Subject: Fix my account settings responsive --- client/src/sass/application.scss | 4 +++- client/src/sass/include/_mixins.scss | 4 ++++ 2 files changed, 7 insertions(+), 1 deletion(-) (limited to 'client/src/sass') diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 28b466c01..d84766240 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss @@ -147,7 +147,7 @@ label { } @media screen and (max-width: 500px) { - margin-right: 20px; + margin-right: 15px; } } @@ -382,6 +382,8 @@ table { } .sub-menu { + width: 100vw; + overflow-x: auto; padding-left: 15px; padding-right: 15px; margin-bottom: 10px; diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 9c3f28b28..262a8136f 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss @@ -235,6 +235,10 @@ position: relative; font-size: 15px; + @media screen and (max-width: $width) { + width: 100%; + } + &:after { top: 50%; right: calc(0% + 15px); -- cgit v1.2.3